`nav.neumorphism-floating-keys` · Floating keys

A nav pattern from Neumorphism, 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.neumorphism-floating-keys". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule: No bar: a boxed monogram left, the links in a small raised pill tray in the middle, a round status key (hidden on phones) and the primary right.
Slots: siteName, pages, cta
Tokens: bg #E3E8EF · text #28303B · heading #161C25 · accent #3F5BD9 · accent2 #794EBA · Plus Jakarta Sans / Plus Jakarta Sans · radius 22px · space unit 4px (full list in design/tokens.json)
Section: vertical padding step 4

Pattern notes

No bar: a monogram left, the links in a small raised pill tray in the middle, a round raised status key with an accent dot (hidden on phones) and the accent primary right.

NNorthfold

Services
Work
About
Contact

Start a project