24 items · 7 sections

Page sections

Whole slices of a page to mix and match: heroes, headers, feature grids, pricing, calls to action and footers.

Studio wordmark hero

Your name shown like a selected layer in a design tool, with letters that react to the cursor, a rotating tagline and cards you can drag.

Gradient hero with waitlist

A centred headline on a slowly drifting colour gradient, with an email signup that checks the address and celebrates.

Editorial type hero

Oversized, magazine-style type with no images: lines stretch and thin as you hover, beside a short index of recent work.

Command palette hero

A hero built around a working search box: it types examples on its own, then lets visitors search and use the arrow keys.

Floating pill navigation

A floating menu bar that slips away while you read and comes back as soon as you scroll up. Scroll the sample article to try it.

Minimal header with announcement

A clean header with an underline that slides to the current page, a dismissible announcement strip and a folding phone menu.

Header with mega menu

Rich drop-down panels for products, industries and resources that glide between each other, with an expandable menu on phones.

Header with slide-out menu

A Menu button that slides in a full-height panel with big, easy-to-tap links, opening hours and the address.