footer.claymorphism-pill-bar · Pill bar

A footer pattern from Claymorphism, 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.claymorphism-pill-bar". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
One surfaceAlt clay pill bar: monogram, pill links and the legal line on one row, space between.
Slots
siteName, pages, legal
Tokens
bg #F2EDFF · text #2B2340 · heading #1E1733 · accent #FF64AC · accent2 #00C09F · Fredoka / Nunito · radius 32px · space unit 8px (full list in design/tokens.json)
Section
vertical padding step 4

Pattern notes

  • One surfaceAlt clay pill bar: monogram, pill links and the legal line on one row, space between; it wraps to stacked rows on phones.
NNorthfold
  • Services
  • Work
  • About
  • Contact

© 2026 Northfold. All rights reserved.