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.
Measured spec
| Scheme | light |
| Background | #FFFFFF |
| Text | #B6AFBC |
| Contrast | 2.13 |
| Columns | 4 |
| Alignment | split |
| Whitespace | airy |
| Density | 0.147 |
| Measured size | 1600×758 px |
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