Front — Hero
Top nav plus a small left-aligned headline 'Build the best CX' beside three plan cards (Starter/Professional/Enterprise), with the Professional tier outlined in violet and Free Trial / Request demo CTAs.
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/front-compact-hero-over-three-tier-pricing-cards.
Palette
#FFFFFF#3B1E6E#7B61FF
Fonts
Helvetica Neue LT StdSuisse Intl
Page types
Detail
UX patterns
Upgrade Prompt
UI elements
Navigation BarPricing CardBadge
Context
- Parent page: Front pricing page with three-tier cards, dual feature-comparison tables, and dark Front AI band
- All of Front
Other sections on this page
- Logo Wall — Trusted-by customer logo row
- Comparison — Condensed 'Key Features' green-check matrix
- Feature — Dark violet 'Power up with Front AI' band
- Feature — 'More ways to extend the power of Front' add-ons
- Steps / How-it-works — 'Services to help you scale' onboarding list
- Comparison — Full 'Compare plans' collapsible feature matrix
- Stats / Metrics — Purple four-up results stats strip
- FAQ — Frequently asked questions accordion
- Gallery / Showcase — 'Discover best practices' resource cards