Files
training/.codex/skills/hallmark/references/components/ft6-letter-close.md
2026-07-28 19:31:07 +08:00

1.1 KiB

Ft6 · Letter close

Closes the page like a letter — Yours, the team. 2026. Optional postscript line beneath. Sets the page as a piece of writing rather than a product. Use when: the page voice is warm, hand-written, editorial-quiet — Garden, Atelier, personal sites. Don't confuse with: Ft1 Mast-headed (which is a wordmark anchor, not a signoff).

<footer class="foot-letter">
  <p class="foot-letter__close">Yours,<br><span class="foot-letter__sign">— Studio</span></p>
  <p class="foot-letter__ps muted">P.S. — letters back welcome at <a href="mailto:hello@studio">hello@studio</a>.</p>
</footer>
.foot-letter { padding: var(--space-2xl) var(--page-gutter); max-width: 60ch; }
.foot-letter__close { font-family: var(--font-display); font-style: italic; font-size: var(--text-lg); line-height: 1.4; }
.foot-letter__sign { font-style: normal; font-weight: 600; }
.foot-letter__ps { font-size: var(--text-sm); margin-top: var(--space-md); }

Anti-pattern: using Ft6 on a stat-led / B2B product page — voice mismatch reads as twee. Reserve for genuinely letter-shaped pages.