Claude: AI Assistant Landing Page with Inline Signup, Plan Comparison, and FAQ
A long-scroll marketing landing page anchored by a serif headline and an inline auth card (social + email signup) on the left paired with a soft product UI preview on the right. Below the hero, a three-tier pricing comparison with a billing-audience toggle and checkmark feature lists leads into an accordion FAQ and a dense multi-column dark 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-ai-assistant-landing-page-with-inline-signup-plan-comparison-and-faq.
Palette
#F5F2EC#1A1A1A#D97757#FFFFFF#6B6862
Fonts
Anthropic SerifAnthropic Sans
Page types
Landing PagePricingSign Up
UX patterns
Social AuthPricing ToggleUpgrade Prompt
UI elements
Navigation BarCardPricing CardFormTabsDropdownToggleBadge
Context
More from Claude
- 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
- Three-Tier Pricing Page with Full Feature Comparison Table