nav.memphis-zigzag-strip · Zig-zag strip

A nav pattern from Memphis, 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="nav.memphis-zigzag-strip". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
A monogram logo on 1–4 and underlined links on 6–12, then a full-width zig-zag strip in accent as the nav's bottom edge.
Slots
siteName, pages
Grid areas
logo 1-4 · links 6-12 (12-column grid, 1-based inclusive spans)
Tokens
bg #FDF9F4 · text #241E16 · heading #150E06 · accent #FF5FA2 · accent2 #9AAE00 · Bricolage Grotesque / DM Sans · radius 12px · space unit 8px (full list in design/tokens.json)
Section
vertical padding step 1

Pattern notes

  • A monogram (outlined circle with the initials) and the wordmark on 1–4; underlined links (3 px underline in accent2) on 6–12. Under them, a full-width zig-zag strip (a squiggle shape, 12 px tall, accent with black outline) as the bottom edge. At phone width the links scroll horizontally.
NNorthfold
  • Services
  • Work
  • About
  • Contact