header blocks

171 production-ready header blocks across these categories:

HeroNavbar
PRO

navbar58

Monogram Navbar

Minimal stacked navbar — a large primary logo square with the wordmark tucked into its corner, over a quiet ruled row of uppercase links. No buttons, no hamburger.

PRO

navbar57

Display Type Navbar

Typographic navbar where the links are the heroes — a hairline brand row above a full-width spread of giant index-numbered links closed by a primary arrow CTA, always visible with no hamburger.

PRO

navbar56

Giant Wordmark Navbar

Typographic statement navbar — a hairline row of index-numbered links and availability above a giant wordmark with a primary square, studio meta and seal CTA.

PRO

navbar55

Editorial Mega Menu Navbar

Navbar with an editorial split mega panel — eyebrow statement and seal CTA on the left, a numbered two-column project index in the middle and a tall studio image on the right.

PRO

navbar54

Multi Mega Menu Navbar

Navbar where multiple items each open their own mega panel — three eyebrow-titled columns of described links with a view-all footer strip.

PRO

navbar53

Dark Mega Menu Navbar

Dark studio navbar whose Services item opens a mega panel with three eyebrow-titled link columns and a bordered booking card with a seal CTA.

PRO

navbar52

Letterhead Navbar

Letterhead-style navbar with a stacked brand block beside stacked rows of location, email and links, closed off by a seal CTA on the right.

PRO

navbar51

Tab Bar Navbar

Two-row navbar with brand, availability status and seal CTA on top, and an underlined active-tab link row that scrolls horizontally on mobile.

PRO

navbar50

Floating Card Navbar

Detached floating navbar card with a square-mark wordmark, uppercase links and a compact seal CTA — the mobile menu unfolds inside the card.

PRO

navbar49

Drawer Navbar

Minimal navbar with an availability status whose menu opens a dark right-side drawer — numbered links float in with a stagger over a backdrop, with a seal CTA and socials below.

PRO

navbar48

Masthead Navbar

Print-inspired masthead navbar with a giant centered wordmark flanked by studio meta and contact, over a ruled row of spread-out links with an inline seal CTA.

PRO

navbar47

Mega Menu Navbar

Studio navbar whose Work item opens a full-width mega panel with category links and three featured project thumbnails.

PRO

navbar46

Submenu Navbar

Studio navbar with hover dropdown submenus on desktop, described sublinks, a seal CTA and an inline-expanded mobile menu.

PRO

navbar45

Fullscreen Overlay Navbar

Dark navbar with a hamburger menu cell that opens a fullscreen overlay — the panel and its centered links cascade down from the top, with a contact footer.

PRO

navbar44

Centered Logo Navbar

Symmetric navbar with links on the left, a square-mark wordmark centered and a seal CTA on the right, plus a tile-grid mobile menu.

PRO

navbar43

Dark Announcement Navbar

Dark studio navbar with a primary announcement bar, wordmark with tagline divider, uppercase links and a primary seal CTA.

PRO

navbar42

Grid Cell Navbar

Table-inspired navbar with full-height bordered link cells, an availability cell and a dark full-height seal CTA cell.

PRO

navbar41

Editorial Studio Navbar

Two-tier studio navbar with an availability utility strip, square-mark wordmark, index-numbered links and a seal CTA.

PRO

hero116

Studio Reel Hero

Editorial hero with twin vertical image marquees scrolling in opposite directions beside the headline.

PRO

hero115

Cinematic Image Hero

Full-bleed background-image hero with a legibility scrim and bottom-aligned eyebrow, headline, copy and CTAs.

PRO

hero114

Collage Hero

Split studio hero with a two-tone headline and a four-image arranged collage.

PRO

hero113

Statement Reel Hero

Centered big-type studio hero with start and watch-the-film actions over a cinematic banner.

PRO

hero112

Editorial Split Hero

Two-column studio hero with a two-tone headline, dual CTAs, tall image and a client wordmark strip.

PRO

hero111

Hero with Feature List and Image

Two-column hero with heading, description, icon-only feature list, and CTA on one side and a square image on the other. Image position is configurable.

Markdown version