Claude — Hero
Top nav (Claude starburst, Meet Claude / Platform / Solutions / Pricing / Resources dropdowns, Login, Contact sales, dark Try Claude button) over a large serif 'Think fast, build faster' headline. A bordered auth card (Continue with Google, Continue with email, legal microcopy) and a Download desktop app button sit at left; a dimmed Cowork prototype/spreadsheet UI screenshot floats right.
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/claude-serif-hero-with-embedded-auth-card-cowork-prototype-mockup.
Measured spec
| Scheme | light |
| Background | #FBF9F5 |
| Text | #C0BFBD |
| Contrast | 1.75 |
| Columns | 2 |
| Alignment | split |
| Whitespace | regular |
| Density | 0.315 |
| Measured size | 1600×1342 px |
Palette
#FAF9F5#1A1A18#DA7756#F0EEE6
Fonts
Anthropic SerifAnthropic Sans
Page types
Detail
UX patterns
Social AuthMagic Link
UI elements
Navigation BarFormCardDropdownBadge