3.2 · Layout

Hero + Feature Grid.

The default SaaS landing page. Hero, logo strip, 3-col feature grid, testimonial, CTA. Battle-tested, converts.

What it is

The single most common layout for SaaS and product websites. At the top: a large, bold Hero section with a CTA button. Below: a grid of Feature cards (usually 3 columns, 2-3 rows) each explaining one capability of the product. This layout has been battle-tested and converts extremely well.

How it works

Hero: full-width, center-aligned, bold H1 (max 8 words), one-sentence subtext, and a primary CTA. Below this, often a strip of company logos ('Trusted by X and Y'). Then the feature grid: 3 equal columns, each card with an icon, a 3-5 word title, and a 1-2 sentence description.

Live demo

Live · scroll inside
Now in Beta · v0.4

The dashboard for teams that actually ship.

Lumen turns scattered work into a single, calm view. Built for the operator, not the spectator.

Start freeBook a demo →
Northwind
Argent
Salt & Bone
Quill
Field Co.
Features

Everything you need, nothing you don't.

Realtime sync

Sub-60ms updates across every connected device.

Block library

Drop-in widgets: tables, embeds, snippets, and more.

Command palette

Every action one keystroke away. Always.

Audit trail

Every change is logged. Every change is reversible.

Permissions

Per-block access — sensitive data stays hidden.

Offline-first

Works when the wifi doesn't. Syncs when it does.

Lumen replaced three tools and one weekly meeting. We don't miss any of them.
— Maya R., Head of Ops, Argent
Start in under 60 seconds.

No credit card. No call. Just a workspace.

Create your workspace →

Copy this prompt

Prompt · 3.2 Hero + Feature Grid
Build a complete SaaS landing page layout. Hero section: dark background (#0A0A0A), centered content, badge chip at top ('Now in Beta'), H1 headline at 64px bold with a gradient word, 1-line subtext, and two buttons side by side (primary: filled blue, secondary: outlined). Below: a row of 5-6 company logos in light gray. Then a feature grid: 3-column responsive CSS grid, each card has a small colored icon, bold feature title, 2-sentence description. 6 cards total. Below that: a testimonial quote. Then a pricing section. Finish with a CTA banner and footer.

Example sites to study