Designedย by
No items found.
Subject


Bookmark
Bookmark
Category
Patterns
No items found.
Tech Stack
Added on
January 7, 2026

Prelude Pricing Page Structure

Clean Pricing That Actually Breathes

First thing you notice is how much whitespace this page has. Prelude's pricing page doesn't crowd you. The grid background adds subtle texture without competing with the content, and those small "+" markers at the corners give it a quiet structural feel that's pretty distinctive.

Three Tiers, Zero Confusion

The layout is classic three-column pricing but executed with restraint. The "Popular" badge on Start Up is a solid black pill that draws your eye to the middle tier naturally. Typography is doing heavy lifting here. The euro pricing uses large bold numerals against smaller descriptor text, making the cost instantly scannable. "Custom" for Enterprise is set in the same weight, which keeps things balanced even without a number.

What Makes It Work

Monochrome palette with just black, white, and gray. No gradients, no color coding per tier. The CTAs differentiate through fill vs outline, guiding you toward that free trial button. Feature lists use tiny custom icons that feel intentional. Footer is well organized without being overwhelming. Simple, confident, gets out of your way.
Similar screens

Upgrade to SaaSFrame Pro now to see similar examples.

Monthly

$18 /month

Billed $18 monthly
Browse all screens & flows
Filter and search screens & flows
Search text in screenshots
Access Figma files
Access mobile versions
Join now

Quarterly

$16 /month

Billed $48 quarterly
Browse all screens & flows
Filter and search screens & flows
Search text in screenshots
Access Figma files
Access mobile versions
Join now

Yearly

$15 /month

Billed $180 yearly
Browse all screens & flows
Filter and search screens & flows
Search text in screenshots
Access Figma files
Access mobile versions
Join now