Software Bold Template
A high-contrast product landing.A bolder SaaS landing built around an overlapping showcase hero and a bento feature layout, backed by a featured testimonial and a podium pricing block, finished with a gradient CTA — all in your tokens.
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 Software copy and runs 8 sections, opening on the Helm navbar and closing with the Bedrock footer. In between it covers hero, logos and features.
At a glance
- Page type
- Home
- Business
- Software
- Sections
- 8
- Section types
- 8
- 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:
-
Helm
NavbarA floating pill bar with a full-round edge and a deep shadow, centered so it reads as detached from the page top.
-
Eclipse
HeroA photo band across the top with a content card pulled up to straddle its lower edge — half on the picture, half on the page.
-
Lattice
LogosA bordered logo grid — four columns of cells sharing fine dividers inside one rounded box.
-
Bento
FeaturesAn asymmetric bento grid where one flagship cell spans a two-by-two block and five smaller cells fill the rest.
-
Chorus
TestimonialsOne featured quote centered in a narrow column — a rating, a large quote and an author line, with the words as the visual.
-
Podium
PricingThree plans on a winner's podium, bottom-aligned so the recommended tier stands physically taller than the others.
-
Beam
Call to actionA bold centered call to action on a diagonal gradient panel, with the copy and button reversed out of the colour.
-
Bedrock
FooterA brand-statement footer where an outsized wordmark is the visual, above a mission line and contact link.