Attio pricing hero with four-column plans

Attio pricing hero with four-column plans, minimal, light-mode, light

Preview image. Unlock full-res

Centered Attio pricing section with annual/monthly toggle and four tier cards on a subtle grid background, Pro plan highlighted in blue.

Summary

A light Attio pricing block with a bold centered headline, pill billing toggle, and four equal-width plan cards where the Pro tier is filled blue to anchor attention.

Visual description

White canvas with a faint square grid pattern. Centered headline "From zero to IPO." and gray subcopy sit above a pill toggle with "Bill annually" selected in blue and "Bill monthly" unselected. Four rounded cards in a row share cube line icons, bold plan names, large prices with annual billing notes, audience labels, three checkmarked features each, and outlined or filled CTAs. The Pro card is solid blue with white type; Free, Plus, and Enterprise stay white with black text. Enterprise ends on a "Talk to sales" button.

Key takeaway

Use one fully filled card in an otherwise neutral row to spotlight the recommended tier without changing the overall layout. The annual toggle with a visible discount badge on adjacent tiers keeps comparison simple.

Reuse notes

Works for B2B SaaS with four clear tiers and annual-first billing. Needs enough feature parity across plans so the grid stays balanced. The subtle grid backdrop adds texture without competing with the cards.

More pricing sections

See all

More like this