Clerk — Feature
Platform for implementing subscriptions and billing for applications. This screen showcases key features like Administration, Billing, and startup discounts alongside a three-tier pricing structure (Hobby, Pro, Business). The layout uses feature cards with descriptions and CTAs at the top, followed by social proof with partner logos, then a "Simple and clear pricing" section at the bottom with pricing tiers and "Get started" buttons.
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-pixel-perfect-uis-with-live-sign-up-card-and-code-block.
Measured spec
| Scheme | dark |
| Background | #0A0A0A |
| Text | #343438 |
| Contrast | 1.6 |
| Columns | 1 |
| Alignment | left |
| Whitespace | airy |
| Density | 0.114 |
| Measured size | 1600×2730 px |
Palette
#1a1a1a#ffffff#ff9500#0ea5e9#4f46e5
Fonts
Geist
Page types
Detail
UX patterns
Pricing ToggleStats / KPIs
UI elements
CardBadgeChip