footer.hairline-compact-bar · Hairline compact bar

A footer pattern from Technical Hairline, drawn alone below with this design's tokens and sample copy. Not used in this design: shown with its tokens for comparison. Give the section root data-pattern="footer.hairline-compact-bar". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
A 1 px hairline, then one row: wordmark, plain links and the mono legal line, space between.
Slots
siteName, pages, legal
Tokens
bg #FAFAF8 · text #2E2E2B · heading #0B0B0A · accent #111110 · accent2 #7A7A7A · Geist / Geist · radius 12px · space unit 4px (full list in design/tokens.json)
Section
vertical padding step 8

Pattern notes

  • A 1 px hairline, then one row: wordmark, plain links and the mono legal line, space between.
Northfold
  • Services
  • Work
  • About
  • Contact

© 2026 Northfold. All rights reserved.