Nav font directions

Same layout, same links, different typographic treatment. Hover any item to see the dropdown. The chevron, search icon, and coral CTA stay constant so you're judging the font choice, not the structure.

Current

0 — What you have now

DM Sans 14px / regular. Geometric sans, slightly mechanical, blends in with thousands of other SaaS-style headers.

Option 1

Editorial small caps

Inter Tight, 12px, uppercase with 0.14em letterspacing. Reads like a magazine masthead — disciplined, considered, a bit cooler in tone. Best paired with the serif H1s you already have.

Option 2

Refined neo-grotesk

Geist (Vercel's open-source sans) at 15px, weight 450, slight negative tracking. Same case as today but sharper, crisper, more grown-up. The smallest change of the four — feels like a careful refinement, not a redesign.

Option 3

Serif-led navigation

Fraunces serif at 16px, sentence case. Inverts the usual hierarchy — nav reads like editorial copy from a property magazine. Most distinctive of the "single-font" options. Pairs naturally with your existing DM Serif Display headlines.

Option 4

Two-tier wordmark

Italic Fraunces serif on the primary links (17px) paired with tiny uppercase sans inside the dropdowns. Most distinctive, highest character. Feels almost editorial-luxury — closer to a Monocle or Aesop site than a standard fintech header.

Option 5 — recommended

Hybrid: serif top + sans dropdowns

The top-level links keep option 3's Fraunces serif at 16px (the "branding" job). The dropdowns drop to Inter Tight 13px sentence case (the "wayfinding" job). Tiny uppercase section labels add a touch of editorial polish without competing. Best of 3 and 1 — distinctive at the top, crisp where it needs to be readable.

Tell me which one (or which mix) feels right and I'll wire it into the real Header.astro.