Clerk — Hero
Large-format hero section with bold centered headline, supporting paragraph, and dual call-to-action buttons (primary purple action and secondary dropdown). Navigation bar sits above with dropdown menus and sign-in/start building links.
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-centered-bold-headline-with-violet-cta.
Measured spec
| Scheme | light |
| Background | #F9F9F9 |
| Text | #333238 |
| Contrast | 12.06 |
| Columns | 1 |
| Alignment | left |
| Whitespace | regular |
| Density | 0.203 |
| Measured size | 1600×541 px |
Palette
#000000#FFFFFF#7C3AED#6B7280
Fonts
Geist
Page types
Detail
UX patterns
Pricing Toggle
UI elements
Navigation BarDropdown
Context
Other sections on this page
- 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
- Pricing / Plans — Two-tier subscription pricing with feature comparison
- Feature — Two-column SDK and integrations showcase with icon grids
- Testimonial / Social Proof — Trusted around the world with customer testimonials