footer.neo-grotesk-index-columns · Index columns

A footer pattern from Neo-grotesk Minimal, 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.neo-grotesk-index-columns". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
The email at step 3 on 1–6; links stacked on 7–8, social links on 9–10, legal on 11–12 — top-aligned, small.
Slots
email, pages, social, legal
Grid areas
email 1-6 · links 7-8 · social 9-10 · legal 11-12 (12-column grid, 1-based inclusive spans)
Tokens
bg #FAFAFA · text #1F1F1F · heading #0F0F0F · accent #F95620 · accent2 #9E2C00 · Geist / Geist · radius 2px · space unit 8px (full list in design/tokens.json)
Section
vertical padding step 8

Pattern notes

  • Top-aligned columns after a hairline: the contact email at step 3 weight 500 on 1–6, page links stacked in small type on 7–8, social names in small type on 9–10, the legal line small and muted on 11–12. At phone width the email first, then the three small columns stack.

hello@northfold.com

  • Services
  • Work
  • About
  • Contact

Instagram

© 2026 Northfold. All rights reserved.