Shop Bold Template
Photography-forward retail.A bolder storefront led by a full-bleed image hero and an overlay gallery, with a bento feature set, a wall of reviews and a gradient CTA — in your design language.
When to use this template
A home page has to do the whole job at once: say what this is, show it is real, and give a first step — all before anyone scrolls twice.
This one is dressed in Shop copy and runs 7 sections, opening on the Helm navbar and closing with the Bedrock footer. In between it covers hero, gallery and features.
At a glance
- Page type
- Home
- Business
- Shop
- Sections
- 7
- Section types
- 7
- 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:
-
1
Helm
NavbarA floating pill bar with a full-round edge and a deep shadow, centered so it reads as detached from the page top.
-
2
Canvas
HeroThe picture is the section: a full-bleed photograph fills the hero with the headline and buttons resting near the bottom.
-
3
Overlay
GalleryPortrait image tiles with the caption set on the photograph itself, over a soft bottom-up scrim.
-
4
Bento
FeaturesAn asymmetric bento grid where one flagship cell spans a two-by-two block and five smaller cells fill the rest.
-
5
Quilt
TestimonialsA masonry wall of quotes at naturally uneven heights, packed into three columns.
-
6
Beam
Call to actionA bold centered call to action on a diagonal gradient panel, with the copy and button reversed out of the colour.
-
7
Bedrock
FooterA brand-statement footer where an outsized wordmark is the visual, above a mission line and contact link.
Shop Bold template FAQ
Common questions about Shop Bold — how it compares with Shop Home, which of its 7 sections you can drop and where the sample copy in the preview comes from.