Hero section designs

A newspaper-style masthead with an issue line, hairline rules and a headline whose final word swaps on a spring-loaded vertical slot.

A playful studio hero where hand-cut 'stickers' scattered over the headline can be picked up and thrown with spring inertia.

A cream hero where a solid charcoal disc follows the cursor with spring lag and inverts the headline beneath it — no glow, just ink.

A Swiss grid hero with a numbered services index; hovering a row slides a terracotta bar in from the left and shifts the text.

A poster-like hero built from primary-colored circles, squares and half-discs that rotate into a new composition on every click.

A calm wellness hero where sage and clay blobs morph slowly behind a DM Serif headline, breathing in and out.

An editorial hero for a yoga studio — Studio Salt — where the closing word rotates through 4 values on a masked spring slot, with a magnetic call-to-action.

An editorial hero for a coffee roaster — Fieldnote Roasters — where the closing word rotates through 4 values on a masked spring slot, with a magnetic call-to-action.

An editorial hero for a architecture studio — Haddad Arch. — where the closing word rotates through 4 values on a masked spring slot, with a magnetic call-to-action.

An editorial hero for a boxing gym — Third Round — where the closing word rotates through 4 values on a masked spring slot, with a magnetic call-to-action.