Shop Home Template
A storefront that sells.A shop home page: a lifestyle hero, a product card grid, a short feature list, reviews and a closing call to action — composed from real sections and dressed in your tokens.
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 8 sections, opening on the Vista navbar and closing with the Atlas footer. In between it covers hero, logos and gallery.
At a glance
- Page type
- Home
- Business
- Shop
- Sections
- 8
- Section types
- 8
- Design tokens
- Colour, Radius, Shadow, Spacing, Typography
- Requires JS
- No
- Price
- Free
8 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
Vista
NavbarLogo on the left, the inline nav centered, and a call to action on the right.
-
2
Drift
HeroA calm lifestyle opening: a narrow centered type block above a staggered trio of photographs at three different crops.
-
3
Roster
LogosA compact social-proof strip: a small "trusted by" heading above one centered, wrapping row of monochrome logos.
-
4
Showcase
GalleryA three-column grid of image cards, each a swappable photo slot over a title and caption.
-
5
Cascade
FeaturesA sticky heading on the left beside a divided vertical list of features, each led by an icon tile.
-
6
Echo
TestimonialsA responsive grid of quote cards, each with a star rating, a short quote and an author row.
-
7
Rally
Call to actionA centered call to action on a branded panel: heading, subcopy and two buttons on a rounded, elevated surface.
-
8
Atlas
FooterA comprehensive footer: a brand block with social buttons beside a three-column link map, over a legal bottom bar.
Shop Home template FAQ
Common questions about Shop Home — how it compares with Shop Bold, which of its 8 sections you can drop and where the sample copy in the preview comes from.