Clerk — Pricing / Plans
Split-screen layout with messaging and features on the left, two side-by-side pricing cards on the right. Each card displays monthly price, billing toggle, feature list with checkmarks, and call-to-action button. The right card is visually elevated with a blue accent background.
This is a static, crawlable rendering for search & AI engines. The interactive version — filters, live decode console, copy & export — is at https://mozaika.design/inspiration/clerk-subscription-billing-pricing-demo.
Measured spec
| Scheme | light |
| Background | #F7F7F7 |
| Text | #6C6C70 |
| Contrast | 4.88 |
| Columns | 3 |
| Alignment | split |
| Whitespace | airy |
| Density | 0.139 |
| Measured size | 1600×829 px |
Palette
#F5F5F7#E8E8F5#1A1A1A#0066FF#FFFFFF
Fonts
Geist
Page types
Detail
UX patterns
Pricing ToggleUpgrade Prompt
UI elements
Pricing CardToggleBadge
Context
Other sections on this page
- Hero — Authentication & user management hero with dual CTAs
- Logo Wall — Trusted companies logo wall with CTA buttons
- Feature — Authentication components and signup modal showcase
- Feature — Bento grid of authentication features
- Feature — Three-column feature highlight with hero text and cards
- Feature — Two-column SDK and integrations showcase with icon grids
- Testimonial / Social Proof — Trusted around the world with customer testimonials