Footer Signature

Fetch pattern JSON: curl https://webspire.de/patterns/footer/signature.json

signature.html

<footer class="ws-footer border-t border-[var(--ws-footer-border)] bg-[var(--ws-footer-bg)] py-16">
  <div class="mx-auto max-w-2xl px-6 text-center">
    <p class="text-lg leading-relaxed text-[var(--ws-footer-text)]">
      We started Webspire because we were tired of every website looking the same.
      Thank you for being part of building something with a little more character.
    </p>

    <!-- Signature -->
    <div class="mt-8">
      <p class="font-serif text-3xl italic text-[var(--ws-footer-text)]">Jordan Avery</p>
      <p class="mt-2 text-sm text-[var(--ws-footer-text-muted)]">Jordan Avery · Founder &amp; CEO</p>
    </div>

    <!-- Minimal links -->
    <nav aria-label="Footer" class="mt-10 flex flex-wrap items-center justify-center gap-x-6 gap-y-2 text-sm">
      <a href="#about" class="text-[var(--ws-footer-text-muted)] transition hover:text-[var(--ws-footer-link-hover)]">About</a>
      <a href="#contact" class="text-[var(--ws-footer-text-muted)] transition hover:text-[var(--ws-footer-link-hover)]">Contact</a>
      <a href="#privacy" class="text-[var(--ws-footer-text-muted)] transition hover:text-[var(--ws-footer-link-hover)]">Privacy</a>
      <a href="#imprint" class="text-[var(--ws-footer-text-muted)] transition hover:text-[var(--ws-footer-link-hover)]">Imprint</a>
    </nav>
    <p class="mt-8 text-xs text-[var(--ws-footer-text-muted)]">&copy; 2026 Webspire. Made with care.</p>
  </div>
</footer>

Details

Family

footer

Tier

enhanced

Kind

section

Extends

footer/base

Responsive Dark Mode Tailwind Only SSR Safe Copy & Paste

Stable Published

footersignaturepersonalfounderminimalhuman

Slots

Name	Required	Description
message	Yes	Short personal closing message.
signature	Yes	Signed name and role.
links	No	Minimal secondary links and copyright.

Signature footer in the Footer family. Ends the page on a human note — a short founder message and a signed name — instead of a link grid. Best for portfolios, studios, and founder-led brands.