Clerk — Feature
Vertical stack of feature cards showcasing Administration and Billing modules with pricing details and badges, followed by a partner discount section and logo wall. Layout uses left-aligned icons and descriptions with right-aligned pricing/details, creating clear information hierarchy.
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