marketing pattern

Pricing (marketing)

Public pricing page (different from /billing inside the app).

When to use it

/pricing — the page after the landing teaser.

Plan comparison table clear
CTAs consistent
FAQ inline

Layout regions

header
hero
plans
compare
faq
footer

States

default
partial

Example

<><Hero /><PlansGrid /><CompareTable /><FAQ /><Footer /></>

The full Pricing (marketing) pattern specifies 2 exact microcopy strings, 1 motion spec, 3 composition rules — all gated behind the full recipe. Get the full recipe.

Marketing landing

Features

About

Build the Pricing (marketing) pattern in your project.

Get started