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:
-
1
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.
-
2
Canvas
HeroThe picture is the section: a full-bleed photograph fills the hero with the headline and buttons resting near the bottom.
-
3
Mosaic
GalleryA masonry wall of image tiles at varied crops, each captioned beneath.
-
4
Overlay
GalleryPortrait image tiles with the caption set on the photograph itself, over a soft bottom-up scrim.
-
5
Statement
ContentA type-forward manifesto built on one oversized heading, a lead paragraph and three quiet supporting notes.
-
6
Message
ContactA form-forward contact block: one card with a name and email row, a message field and a full-width submit.
-
7
Anchor
FooterA minimal centered footer — a wordmark, one wrapping nav row, a divider, then copyright and social buttons.
Portfolio Gallery template FAQ
Common questions about Portfolio Gallery — how it compares with Portfolio Home, which of its 7 sections you can drop and where the sample copy in the preview comes from.