Navbars
Marketing navbar
Best for
Marketing sites, product landing pages, brand-forward app shells
Anatomy
Logo mark and wordmark · four nav links · a Products mega-menu and a Resources dropdown · a Log In/Sign Up pair that becomes a signed-in Manage pill
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
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
Logo mark and wordmark · four nav links · a Products mega-menu and a Resources dropdown · a Log In/Sign Up pair that becomes a signed-in Manage pill
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
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.