1.3 KiB
1.3 KiB
Ft5 · Statement
One large display sentence dominates the footer — a closing line, not a sitemap. Wordmark, minimal links, copyright sit beneath in muted small type. Stripe (older), Mailchimp pre-rebrand, agency portfolio closers. Use when: the page wants a closing line — editorial, manifesto, atmospheric. The sentence pairs with the page's argument. Don't confuse with: Ft1 Mast-headed (which leads with the wordmark, not a sentence).
<footer class="foot-stmt">
<p class="foot-stmt__line">Build something they'll remember.</p>
<div class="foot-stmt__meta">
<span class="wordmark">Studio</span>
<span class="muted">© 2026 · MIT</span>
</div>
</footer>
.foot-stmt { padding: var(--space-2xl) var(--page-gutter) var(--space-xl); display: grid; gap: var(--space-lg); }
.foot-stmt__line { font-family: var(--font-display); font-size: clamp(1.75rem, 5vw, 3.25rem); line-height: 1.0; letter-spacing: -0.02em; max-width: 28ch; margin: 0; }
.foot-stmt__meta { display: flex; justify-content: space-between; align-items: baseline; padding-block-start: var(--space-sm); border-top: var(--rule-hair) solid var(--color-rule); }
Anti-pattern: using a Statement footer on a docs root or hub. The sentence reads as marketing fluff there; default Ft3 instead.