Portfolio Gallery Template
The full visual archive.A gallery page: a full-bleed hero, a masonry and overlay gallery pairing and a statement block, closing on an enquiry form — composed from real sections in your design language.
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 Portfolio copy and runs 7 sections, opening on the Vantage navbar and closing with the Anchor footer. In between it covers hero, gallery and content.
At a glance
- Page type
- Gallery
- Business
- Portfolio
- 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:
-
Vantage
NavbarA classic bar: logo on the left, inline nav in the middle, a sign-in link and a solid 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.
-
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.
-
Statement
ContentA type-forward manifesto built on one oversized heading, a lead paragraph and three quiet supporting notes.
-
Message
ContactA form-forward contact block: one card with a name and email row, a message field and a full-width submit.
-
Anchor
FooterA minimal centered footer — a wordmark, one wrapping nav row, a divider, then copyright and social buttons.