Nav Website Inspiration

Browse 16 curated Nav marker examples captured from real site versions to review the exact moments, sections, and UI details worth referencing.

16 curated examples24 per page

Why Marker Pages Matter

Marker collections surface specific captured moments for Nav, so you can inspect the exact UI reference without scrubbing an entire recording.

What To Compare

Pay attention to the captured timestamp, surrounding context, and how that Nav moment fits into the full page narrative and conversion flow.

Design Analysis

What stands out in Nav websites

--- version: alpha name: "Soft Commerce Bloom" description: "Airy commerce marketing system with pale editorial space, mint signal pills, and warm media proof." colors: primary: " 000000" secondary: " FAF8EF" tertiary: "... --- version: "alpha" name: "Speckled...

Recurring Signals

Primary ( 000000): Main type and dark supporting CTA.
Secondary ( FAF8EF): Atmospheric bloom and grouped surface tone.
Tertiary ( A3FDA7): High-intent signal pill and primary CTA fill.
Use the low-weight serif for conceptual headlines and section openers.
Keep all interface copy in a plain, contemporary sans.
Avoid heavy bolding; let scale and whitespace create luxury.

Related Keywords

OverviewImage DirectionColorsTypographyUse oatmeal and black as the structural baseKeep the whole experience optimistic and low-noiseKeep the shell nearly whiteLet monochrome pills keep the interaction posture groundedKeep proof tidy and clearly categorizedUse white and dark graphite as the baseUse black pills as the clearest action voiceKeep the palette almost monochrome and warm

Swap Commerce

Home

2026-02-03

Primary ( 000000): Main type and dark supporting CTA.
Secondary ( FAF8EF): Atmospheric bloom and grouped surface tone.

Open example

Amplemarket

Home

2026-01-20

--- version: "alpha" name: "Speckled Sales Orbit" description: "A sales AI marketing system with oatmeal neutrals, giant black grotesk headlines, grainy lilac-and-coral aura bands, white conversion rails, and black line...

Build the first fold as a clean conversion stage, then let the aura and illustration introduce energy below it.
Keep the tone sales-forward and legible rather than dreamy.

Open example

Lens

Home

2026-01-14

--- version: "alpha" name: "Social Arc Air" description: "An airy ecosystem marketing system with mint action pills, faint rainbow arc linework, charcoal headlines, and very soft knowledge-card surfaces." colors: primary...

Build the page as an airy white ecosystem space with only one strong fill color: mint.
Let faint background linework and soft cards provide just enough personality without compromising clarity.

Open example

Play - Home

Swap Commerce - Home

Amplemarket - Duo

Amplemarket - Home

Lens - Home

Mixpanel - Home

Giga - Home

Cursor - Home

Trawelt - Home

Vercel - Home

Shopify Editions - Winter '26

Epic Games Store - Home

Attio - Home

Visitors - Home

COLLINS - Home

Jackie Zhang - Home

Nav Inspiration FAQ

What makes marker pages different from normal tag pages?

Marker pages point to captured UI moments inside real page versions, so you can jump directly to a specific Nav reference instead of scanning an entire page manually.

How many Nav marker references are included here?

This collection currently includes 16 curated Nav marker references tied to real version data and timestamps.