Hero Layout Gallery

Bold centered typography over a full-bleed image. The classic campaign hero — text and CTA stack vertically in perfect symmetry.

Text panel left, image panel right. A magazine two-page-spread translated to screen — editorial gravitas with conversion focus.

Full-bleed editorial image with a translucent overlay. Text reads clearly while the photography breathes beneath.

Deliberate restraint. A single understated image, one-line headline, minimal CTA. Silence is the luxury signal.

100vh editorial photograph. Text anchored bottom-left like a film credit. No gradients, no decorative chrome — just the image and the words.

Looping video fills the entire viewport. The footage is the brand. Near-zero UI chrome — one line of text, nothing more.

Image panel occupies the left — the culturally secondary side — which draws the eye there first before reading right. Elegant reversal of expectation.

Image dominates the left, shifted off-grid. Text floats freely in the negative space, independent of any column system. Layout as creative statement.

Five images in a deliberate asymmetric composition — as if torn from a magazine and arranged by hand. Text occupies one cell of the grid.

The headline IS the design. Fills 60–80% of the viewport. Typography at this scale becomes architecture — proportional, structural, powerful.

Two full-height editorial panels side by side, each with its own image and caption. Implies coordination and curation — top and bottom, two colorways, a complete look.

One calm photograph. One-line headline in a refined serif at small scale. Nothing else. The layout says: the product needs no sales pitch.

Three equal vertical columns — a gallery triptych. Each panel holds its own image. The headline runs across the center panel, creating continuity.

Multiple visual layers scroll at different speeds, creating the illusion of depth. The hero becomes an environment rather than a flat image.

A gold utility bar carries the news. Below it, an immersive editorial hero carries the feeling. Utility and atmosphere in the same viewport.

A structured grid of cells in varied sizes — some hold images, one holds the headline and CTA. Multiple simultaneous entry points. Curated at a glance.

Image fills the full viewport. Text anchors at the bottom-left corner — like a photographer's caption on a gallery print. The image leads; the words confirm.

Solid-color text block anchors the left with generous copy space. The stronger image panel extends right. Copy-first reading order shifts user behavior toward reading.

Solid background. The headline fills the left half at scale. A ghosted decorative word in the right column adds depth without competing. Typography as environment.

A complete e-commerce storefront: dynamic hero strips, horizontal product carousels, parallax collection banners, asymmetric product grid, and social style feed — polished and production-ready.

A complete editorial storefront — dynamic hero strips that split into vertical panels by viewport, snap-scrolling product carousels, parallax collection banners, asymmetric product grid, and style feed. Warmer palette and refined serif typography distinguish it from MAISON Classic.