nav.line-index-rail · Line index rail

A nav pattern from Isometric Line, 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.line-index-rail". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
Monogram in 1–3, numbered mono links in 4–9, a small primary button in 10–12, over a bottom hairline.
Slots
siteName, pages, cta
Tokens
bg #F6FBFF · text #192028 · heading #091018 · accent #FF5A2C · accent2 #00ABC9 · Space Grotesk / Space Grotesk · radius 2px · space unit 4px (full list in design/tokens.json)
Section
vertical padding step 2

Pattern notes

  • A 12-column row over a bottom hairline: a monogram in 1–3, numbered mono links (`01 Product`) in 4–9, a small primary button flush right in 10–12.
N
  • 01Services
  • 02Work
  • 03About
  • 04Contact
Start a project