Local Gallery Template
See the work up close.A gallery page: a photographic hero, a masonry and overlay gallery pairing, a featured highlight and reviews, closing on an inline contact band — composed in your tokens.
When to use this template
A gallery page is carried by the images; the structure exists to keep them ordered and scannable.
This one is dressed in Local Business copy and runs 8 sections, opening on the Scout navbar and closing with the Atlas footer. In between it covers hero, gallery and content.
At a glance
- Page type
- Gallery
- Business
- Local Business
- Sections
- 8
- Section types
- 7
- 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:
-
Scout
NavbarA bar with search: logo, inline nav, a pill search field and a call to action.
-
Canvas
HeroThe picture is the section: a full-bleed photograph fills the hero with the headline and buttons resting near the bottom.
-
Mosaic
GalleryA masonry wall of image tiles at varied crops, each captioned beneath.
-
Overlay
GalleryPortrait image tiles with the caption set on the photograph itself, over a soft bottom-up scrim.
-
Feature
ContentAn editorial feature — one large hero image spanning the width, with the story following in text columns.
-
Echo
TestimonialsA responsive grid of quote cards, each with a star rating, a short quote and an author row.
-
Invite
ContactA compact invite on a tinted band: heading and subcopy on the left, a call to action and contact rows on the right.
-
Atlas
FooterA comprehensive footer: a brand block with social buttons beside a three-column link map, over a legal bottom bar.