Design Lounge
Install

Website sections

Hero sections

019 pieces
Sort
Nº 496Section · Web

Look around a small room

Drag looks around a room with one window on the cut and a jar on a stand. Yaw and pitch stay clamped. Reset faces the window.

Nº 420Section · Web

Split hero with UI card stack

A soft SaaS hero: copy on the left, three overlapping product cards on the right that settle in with a stagger and drift up to 6px with the pointer.

Nº 410Section · Web

Silk ribbon hero with live ticker

A warm-paper fintech hero: a 150-fibre canvas ribbon sweeps off the top right, a two-tone light headline, a live payout ticker and chevrons that grow into arrows.

Nº 308Section · Web

Marketplace search hero

An editorial travel hero with a Where / When / Guests search bar, a two-month date-range popover, a guests stepper, category chips and four drawn destination tiles.

Nº 303Section · Web

Machined part breakout hero

An industrial hero: a dark rounded card, a light and black two-line caps headline, and a steel part that breaks out of the card with tolerance callouts.

Nº 290Section · Web

Layered letter word-swap hero

A centred fintech hero whose second headline word swaps letter by letter: each glyph splits into coral and butter copies, then the new word gathers back.

Nº 268Section · Web

Hero with a live browser card

A SaaS hero: marker-highlighted headline, hard-shadow buttons, and a browser mockup whose schedule card ticks up, adds a post and pops a toast every 4.2s.

Nº 238Section · Web

Engraved moonrise hero plate

A night portfolio hero drawn like an engraving: hatched ridges, a rising moon, drifting outline clouds, a kite flyer and a lighthouse, with rising headline lines and a drawn underline.

Nº 226Section · Web

Dot-matrix blob field hero

A dark studio hero over a canvas dot matrix where drifting metaball blobs carve black shapes with signal-orange rims. The pointer stirs them, and clicks seed new ones.

Nº 193Section · Web

Cinematic video loop hero

A full-bleed night-lake film loop behind a luxe hotel hero, with grain, a visible Pause control, captions, a poster still, and rules for shipping a real video.

Nº 188Section · Web

Chaptered cinema hero

A dark film-studio hero: fixed headline on the left, four night scenes crossfading on the right, and a numbered chapter index whose hairline fills as each scene plays.

Nº 152Section · Web

Swiss grid wordmark hero

A design-office hero on a visible 12-column hairline grid: a 304px wordmark rises letter by letter into grid cells, and hovering any column tints it.

Nº 140Section · Web

Product window tilt hero

A dark SaaS hero whose div-built app window tilts up to 8° toward the cursor, with sidebar, chart, chip and toast parallaxing at four translateZ depths.

Nº 113Section · Web

Flashlight reveal hero

A dark observability hero where the cursor is a hard-edged torch that cuts a light disc through the calm headline to expose a second, true one underneath.

Nº 109Section · Web

Editorial name rotator hero

A wine-dark portfolio hero: 212px italic 'Isaura Venn.' beside a cycling plate, while two slot-machine words in the deck rotate on a 2.6s clock.

Nº 096Section · Web

Bauhaus composition hero

A summer-school hero whose primary-colour circle, square, triangle and half-disc rearrange into three compositions on click, beside a 136px grotesk headline.

Nº 094Section · Web

Asymmetric type lockup hero

A poetry-press hero: 160px italic QUARTO broken across an asymmetric 12-column grid, a 14px paragraph in the leftover cell, and one underline button.

Nº 091Section · Web

AI prompt cycle hero

A Hollis product hero whose question box types four real company prompts, then streams a sourced answer; chips, Enter and New question all drive the same cycle.

Nº 012Screen · Web

Editorial landing hero

A paper-toned magazine landing hero: 104px Fraunces headline rising word by word, hairline nav, one-line manifesto, a single outlined pill CTA and a mono issue index.