Showcase
A three-column grid of image cards, each a swappable photo slot over a title and caption.
Gallery section templates
A gallery section is for work that has to be seen to be understood — projects, products, dishes, spaces. The layout matters less than the discipline of showing fewer, better images.
7 gallery section layouts
Each one below is a live preview rendering in your current design language, not a screenshot. Open any of them to see it full-width, switch the business type to read it with your kind of content, or add it to a page.
Spotlight
A hierarchy gallery: one large featured item on the left beside a compact list of the rest.
Index
A text-forward, image-free index — each row a numbered entry with a title, caption and meta column.
Mosaic
A masonry wall of image tiles at varied crops, each captioned beneath.
Overlay
Portrait image tiles with the caption set on the photograph itself, over a soft bottom-up scrim.
Ledger
A menu or price-list form with no images — title and caption on the left, a dotted leader, the price on the right.
Placard
A no-image card grid, each card carrying a meta badge, a title and a caption behind a coloured left edge.
How to choose a gallery section
An even grid suits a consistent set where each item deserves equal weight. A mosaic with varied sizes suits a mixed set and stops uniform cropping from flattening everything. If one piece is clearly your best, a spotlight layout that leads with it and reduces the rest to thumbnails is more persuasive than burying it in a grid.
At a glance
- Layouts
- 7 distinct gallery sections
- Styles covered
- image, grid, cards, list, text, featured, split, numbered
- Styling
- Your color, typography, spacing, radius and shadow tokens
- Export
- HTML, CSS, JSON, or an AI instruction package
Gallery section FAQ
How many images should a gallery show?
Six to nine on a landing page. A gallery is a sample, not an archive — if you have more worth showing, link to a dedicated page rather than making the front page carry all of it.
Do gallery images need captions?
A short caption adds a lot when the image alone does not explain what you did or why it mattered. It is also where the useful keywords live, since search engines cannot read the picture itself.
What alt text should gallery images have?
A brief description of what is actually in the picture, not a repeat of the caption or a list of keywords. If the image is purely decorative and the surrounding text already says everything, empty alt text is the correct choice.