Claude: Three-Tier Pricing Page with Full Feature Comparison Table
A serif-heading pricing page leads with a centered title and an Individual/Team toggle above three plan cards (Free, Pro, Max) that each list price, value prop, dark CTA button, and a checkmark feature list. Below, an exhaustive multi-section comparison matrix groups features (capabilities, security, payments, models) across four named plan columns using filled/empty dot indicators, capped by a large multi-column footer.
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-three-tier-pricing-page-with-full-feature-comparison-table.
Palette
#F5F2EB#FFFFFF#1A1A1A#D97757#E8E4DA
Fonts
Anthropic SerifAnthropic Sans
Page types
Pricing
UX patterns
Pricing ToggleData TableFilter & Sorting
UI elements
Navigation BarPricing CardTableTabsBadgeToggleCard
Context
More from Claude
- AI Assistant Landing Page with Inline Signup, Plan Comparison, and FAQ
- Hero — Centered serif 'Pricing' headline with plan toggle
- Footer — Dark mega-footer with chat input and BY ANTHROP\C wordmark
- Pricing / Plans — Explore plans: Individual/Team toggle + Free/Pro/Max cards
- Comparison — Full 'Compare features across plans' four-column matrix
- FAQ — Minimal FAQ accordion
- Hero — Serif hero with embedded auth card + Cowork prototype mockup
- Pricing / Plans — Three flat cream tier cards: Free / Pro / Max