Shop Lookbook Template
An editorial product showcase.A lookbook page: a full-bleed hero, an overlay and masonry gallery pairing, and a statement block, closing on a banner CTA — all rendered in your tokens.
When to use this template
A lookbook sells the feeling before the item, so it leans on editorial pacing rather than dense product data.
This one is dressed in Shop copy and runs 7 sections, opening on the Vista navbar and closing with the Anchor footer. In between it covers hero, gallery and content.
At a glance
- Page type
- Lookbook
- Business
- Shop
- Sections
- 7
- Section types
- 6
- Design tokens
- Colour, Radius, Shadow, Spacing, Typography
- Requires JS
- No
- Price
- Free
7 sections in this page
Every section below is a real, responsive layout rendered in your own design tokens — not a screenshot. In page order:
-
Vista
NavbarLogo on the left, the inline nav centered, and a call to action on the right.
-
Canvas
HeroThe picture is the section: a full-bleed photograph fills the hero with the headline and buttons resting near the bottom.
-
Overlay
GalleryPortrait image tiles with the caption set on the photograph itself, over a soft bottom-up scrim.
-
Mosaic
GalleryA masonry wall of image tiles at varied crops, each captioned beneath.
-
Statement
ContentA type-forward manifesto built on one oversized heading, a lead paragraph and three quiet supporting notes.
-
Rally
Call to actionA centered call to action on a branded panel: heading, subcopy and two buttons on a rounded, elevated surface.
-
Anchor
FooterA minimal centered footer — a wordmark, one wrapping nav row, a divider, then copyright and social buttons.