Navbars
Marketing navbar
Best for
Marketing sites, product landing pages, brand-forward app shells
Anatomy
Brand mark and wordmark · four nav links · a Products mega-menu whose columns are tone-coded by theme · a Resources dropdown · a Log In/Sign Up pair that becomes a signed-in Manage pill · a full-width sheet once the links collapse
Compact navbar
Best for
SaaS dashboards, boxed app shells, product tools without a marketing brand mark
Anatomy
A boxed 800px pill · four nav pills, two opening real dropdown content · a Log In/Get Started pair that becomes a signed-in Manage pill · the brand mark and a sheet once the pills collapse
Be first in,
and 10% off.
Join the list and we’ll email you the moment the code library and MCP server go live — with a 10% discount code to use whenever you decide to buy.
One email when it ships. No spam, and you can unsubscribe anytime.Navbars
Marketing navbar
Best for
Marketing sites, product landing pages, brand-forward app shells
Anatomy
Brand mark and wordmark · four nav links · a Products mega-menu whose columns are tone-coded by theme · a Resources dropdown · a Log In/Sign Up pair that becomes a signed-in Manage pill · a full-width sheet once the links collapse
Compact navbar
Best for
SaaS dashboards, boxed app shells, product tools without a marketing brand mark
Anatomy
A boxed 800px pill · four nav pills, two opening real dropdown content · a Log In/Get Started pair that becomes a signed-in Manage pill · the brand mark and a sheet once the pills collapse
Be first in, and 10% off.
Join the list and we’ll email you the moment the code library and MCP server go live — with a 10% discount code to use whenever you decide to buy.
One email when it ships. No spam, and you can unsubscribe anytime.