Headers, menus, footers and shells.
Navigation
Complete navigation systems with working dropdowns, mega menus, drawers and active states — each one solving a different information-architecture problem.
Showing 13 of 38 navigation — clear filters
Editorial hero
A title page: rule, eyebrow, oversized serif statement, standfirst at the reading measure.
HeadersstarterFeatured3 variantsSaaS hero
Announcement pill, centred headline, paired actions and a three-item objection-handling row.
HeadersstarterFeatured3 variantsAgency hero
A statement of practice, a capability list, and the client roster immediately below.
Headersstarter3 variantsApplication page header
Breadcrumb, title with record count, an action cluster that collapses to icons, and view tabs.
Headersintermediate3 variantsCentered page header
Eyebrow, title, one paragraph and a rule — constrained to the prose measure.
Headersstarter3 variantsDocumentation page header
Breadcrumb, title, stability badge, summary and a metadata rule carrying version and reading time.
Headersstarter3 variantsEcommerce hero
A seasonal statement over an inverted field, with the category rail directly beneath.
Headersstarter3 variantsEnterprise hero
Two equal-weight actions and an assurance panel carrying compliance facts.
Headersstarter3 variantsPortfolio hero
Name, practice, location and availability — with availability as a Status, not a badge.
Headersstarter3 variantsProduct launch hero
Version chip, product name, one-line promise, one action, and a three-figure fact strip.
Headersstarter3 variantsSearch-led hero
A large search field with seeded suggestions and live, announced results.
Headersintermediate4 variantsSplit hero with live panel
Copy on the left, a real component composition on the right — not a screenshot.
Headersintermediate3 variantsStartup hero
A direct claim, one action, and social proof built from faces rather than logos.
Headersstarter3 variants