These are live layout previews — each one shows a complete header + hero section rendered exactly as it appears on a published SnapStyleNetwork site. All content and styling is customizable in the builder.
All
Classic
Split
Editorial
Cinematic
Multi-Image
Minimal
Hybrid
Full Site
20 of 20 layouts
Redefine
Autumn / Winter 2026
Explore
Classic
Centered
Bold centered typography over a full-bleed image. The classic campaign hero — text and CTA stack vertically in perfect symmetry.
Great for: seasonal campaigns, brand launches
SS26
The New
Shop
Split
Split Right
Text panel left, image panel right. A magazine two-page-spread translated to screen — editorial gravitas with conversion focus.
Great for: collection launches, hero products
A Vision of
SS 2026
Classic
Overlay
Full-bleed editorial image with a translucent overlay. Text reads clearly while the photography breathes beneath.
Great for: lookbooks, seasonal campaigns
Less. Always.
Capsule 2026
Discover
Editorial
Minimal
Deliberate restraint. A single understated image, one-line headline, minimal CTA. Silence is the luxury signal.
Great for: minimalist brands, capsule drops
Into the
MAISON AW26
Cinematic
Cinematic Still
100vh editorial photograph. Text anchored bottom-left like a film credit. No gradients, no decorative chrome — just the image and the words.
Great for: luxury houses, editorial campaigns
Moving Through
▶ Video Background
Cinematic
Video Loop
Looping video fills the entire viewport. The footage is the brand. Near-zero UI chrome — one line of text, nothing more.
Great for: brand films, runway coverage
Bespoke
The Art of
Book
Split
Image Left
Image panel occupies the left — the culturally secondary side — which draws the eye there first before reading right. Elegant reversal of expectation.
Great for: tailors, designer profiles, about pages
Proportions
Experimental
Editorial
Asymmetric
Image dominates the left, shifted off-grid. Text floats freely in the negative space, independent of any column system. Layout as creative statement.
Great for: concept brands, avant-garde designers
Five Looks.
View All
Multi-Image
Editorial Collage
Five images in a deliberate asymmetric composition — as if torn from a magazine and arranged by hand. Text occupies one cell of the grid.
Great for: multi-category launches, editorial brands
Editorial
Type-Dominant
The headline IS the design. Fills 60–80% of the viewport. Typography at this scale becomes architecture — proportional, structural, powerful.
Great for: named collections, brand-forward launches
Multi-Image
Dual Carousel
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.
Great for: complementary pieces, look pairings
The Quiet Coat
In three colourways
Minimal
Silent Frame
One calm photograph. One-line headline in a refined serif at small scale. Nothing else. The layout says: the product needs no sales pitch.
Great for: hero products, limited editions, luxury goods
Multi-Image
Triptych
Three equal vertical columns — a gallery triptych. Each panel holds its own image. The headline runs across the center panel, creating continuity.
Great for: three-collection drops, brand pillars, trilogy campaigns
Depth of Field
Three dimensions
Cinematic
Parallax
Multiple visual layers scroll at different speeds, creating the illusion of depth. The hero becomes an environment rather than a flat image.
Great for: experiential brands, high-production campaigns
New Arrivals — Free Shipping Over $200
The Opening
Available Now
Hybrid
Announcement Strip
A gold utility bar carries the news. Below it, an immersive editorial hero carries the feeling. Utility and atmosphere in the same viewport.
Great for: new arrivals, promotions, seasonal drops
Multi-Image
Bento Grid
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.
Great for: multi-category brands, brand campaigns
At the Edge
AW26 — Limited
Cinematic
Editorial Low
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.
Great for: limited editions, gallery-adjacent brands
Since 1987
Craft Before
Our Process
Split
Split Reverse
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.
Great for: brand story, sustainability, atelier pages
The New
Rethinking fashion
Manifesto
CODES
Minimal
Text Block
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.
Great for: manifestos, brand values, season statements
Full Site
Spring / Summer
The New Collection
Full Site
MAISON Classic
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.
Complete storefront: hero + product carousels + parallax banners + grid + style feed