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 25 of 38 navigation — clear filters
Editorial hero
A title page: rule, eyebrow, oversized serif statement, standfirst at the reading measure.
HeadersstarterFeatured3 variantsMinimal navbar
Wordmark, four links, one action — with an in-flow mobile disclosure rather than a drawer.
NavbarsstarterFeatured3 variantsMulti-column footer
Brand statement plus three labelled navigation groups, each its own landmark.
FootersstarterFeatured3 variantsSaaS hero
Announcement pill, centred headline, paired actions and a three-item objection-handling row.
HeadersstarterFeatured3 variantsAgency footer
An oversized invitation, two office addresses, and a short studio link row on an inverted field.
Footersstarter3 variantsAgency hero
A statement of practice, a capability list, and the client roster immediately below.
Headersstarter3 variantsCentered navbar
Three equal grid tracks keep the link group optically centred whatever the brand or actions weigh.
Navbarsstarter3 variantsCentered page header
Eyebrow, title, one paragraph and a rule — constrained to the prose measure.
Headersstarter3 variantsDocumentation footer
Previous/next cards with rel hints, plus edit and report links.
Footersstarter3 variantsDocumentation page header
Breadcrumb, title, stability badge, summary and a metadata rule carrying version and reading time.
Headersstarter3 variantsEcommerce footer
A four-point reassurance strip above shop, help and account columns.
Footersstarter3 variantsEcommerce hero
A seasonal statement over an inverted field, with the category rail directly beneath.
Headersstarter3 variantsEditorial colophon
A colophon: what the publication is, who makes it, and how it is set.
Footersstarter3 variantsEditorial masthead
A publication masthead: oversized serif wordmark, issue line, and a scrolling section rail.
Navbarsstarter3 variantsEnterprise hero
Two equal-weight actions and an assurance panel carrying compliance facts.
Headersstarter3 variantsMega footer
Six columns plus a status, version and locale strip.
Footersstarter3 variantsMinimal footer
One row: mark, statement, three links.
Footersstarter2 variantsMobile-first tab bar
A bottom tab bar with safe-area padding, promoted to a horizontal top bar at md.
Navbarsstarter3 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 variantsSaaS footer
Product and resource columns, a legal row, and a live system-status link.
Footersstarter3 variantsSplit navbar
Two link groups flanking a centred brand, for products with a real product/resources divide.
Navbarsstarter3 variantsStartup footer
A closing call to action folded into the footer, above a deliberately short link row.
Footersstarter2 variantsStartup hero
A direct claim, one action, and social proof built from faces rather than logos.
Headersstarter3 variantsTransparent over hero
A navbar with no background of its own, inheriting inverted ink from the hero beneath it.
Navbarsstarter3 variants