Claude — Comparison
Dominant section: a centered serif 'Compare features across plans' header introduces a sticky four-column table (Free / Pro / Max 5x / Max 20x) with its own search field and per-column 'Try Claude' buttons. Dozens of zebra-striped feature rows are grouped under collapsible categories (Features and capabilities, Security and administration, Payment options, Models and usage) using filled black dots vs gray x marks.
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-full-compare-features-across-plans-four-column-matrix.
Measured spec
| Scheme | light |
| Background | #FBF9F5 |
| Text | #D3D2CC |
| Contrast | 1.44 |
| Columns | 1 |
| Alignment | left |
| Whitespace | airy |
| Density | 0.037 |
| Measured size | 1600×4089 px |
Palette
#FAF9F6#1A1A18#F0EEE8
Fonts
Anthropic SerifAnthropic Sans
Page types
Detail
UX patterns
Data TableSearch
UI elements
TableFormBadgeToggle