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
- Headline + sub
- plans
- compare
- Detailed feature table for SEO + clarity
- faq
- footer
States
- default
- Plan cards with prices + guarantee
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.