Portfolio Bold Template
An editorial, type-led portfolio.A bolder portfolio led by a magazine hero and a masonry gallery, with a statement block and a testimonial, closing on a CTA — in your design language.
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 Portfolio copy and runs 7 sections, opening on the Vantage navbar and closing with the Terrace footer. In between it covers hero, gallery and content.
At a glance
- Page type
- Home
- Business
- Portfolio
- Sections
- 7
- Section types
- 7
- 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.
-
Verse
HeroA magazine opening spread with no imagery at all — composition and typographic hierarchy carry the whole section.
-
Mosaic
GalleryA masonry wall of image tiles at varied crops, each captioned beneath.
-
Statement
ContentA type-forward manifesto built on one oversized heading, a lead paragraph and three quiet supporting notes.
-
Roll
TestimonialsTestimonials as an editorial list — a narrow, hairline-divided run of rows, each led by a monogram avatar.
-
Beacon
Call to actionA big, airy call to action with no panel at all — the copy sits straight on the page between two soft ring marks.
-
Terrace
FooterA dense sitemap footer — a slim brand header over an even grid of link columns, for "everything, mapped".