nav.sketchbook-sticky-tab · Sketchbook sticky tab

A nav pattern from Sketchbook, 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.sketchbook-sticky-tab". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
Wordmark on a yellow sticky in 1–3, sketch pill links in 4–9, a secondary arrow button in 10–12.
Slots
siteName, pages, cta
Tokens
bg #FBF8F0 · text #2A2722 · heading #1B1915 · accent #FFD43B · accent2 #C92A2A · Kalam / Figtree · radius 12px · space unit 8px (full list in design/tokens.json)
Section
vertical padding step 3

Pattern notes

  • The wordmark on a small yellow sticky note in 1–3, sketch-outlined pill links in 4–9 (the current page on `surfaceAlt`) and a small white secondary arrow button pushed right in 10–12 (hidden on phones).
Northfold
  • Services
  • Work
  • About
  • Contact
Start a project