footer.frosted-glass-dock · Glass dock

A footer pattern from Frosted Glass, drawn alone below with this design's tokens and sample copy. Used in this design on: every page, as the footer. Give the section root data-pattern="footer.frosted-glass-dock". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
One frosted dock pane: wordmark and line on 1–4, stacked links 6–8, inline newsletter and legal on 9–12.
Slots
siteName, tagline, pages, newsletter, legal
Grid areas
brand 1-4 · links 6-8 · signup 9-12 (12-column grid, 1-based inclusive spans)
Tokens
bg #0A0F1F · text #E4EAF6 · heading #FFFFFF · accent #6E8BFF · accent2 #A67AE8 · Sora / Manrope · radius 22px · space unit 8px (full list in design/tokens.json)
Section
vertical padding step 6

Pattern notes

  • One frosted pane: wordmark and a muted line on 1–4, links stacked on 6–8, an inline newsletter form and the muted legal line on 9–12.
Northfold

Strategy and design for companies that make things

  • Services
  • Work
  • About
  • Contact
you@example.com
Subscribe

© 2026 Northfold. All rights reserved.