Front — Hero

Communication · Hero

Full-bleed deep purple hero: top nav (Front logo, Product/Solutions/Resources/Pricing, Sign in + lime-bordered Request a demo), a large white two-line headline, and a dark rounded product screenshot of a shared inbox conversation with avatars and an AI reply suggestion.

Open in Mozaika →

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-dark-violet-hero-with-floating-shared-inbox-product-mockup.

Palette

Fonts

Page types

UX patterns

UI elements

Context

• Parent page: Front AI customer operations landing page with dark-violet product-UI hero and lime accents
• All of Front

Other sections on this page

• Logo Wall — Trusted-by logo strip on violet
• Feature — Three-column problem statement with icons
• Feature — Stacked headline + violet product-card feature rows
• Stats / Metrics — Categories-won bar chart proof block
• Gallery / Showcase — Industry use-case photo grid (3x2)
• Testimonial / Social Proof — Customer testimonial cards on violet
• Integrations — Dark integrations logo grid
• CTA / Sign-up — Lime CTA banner with photo
• Gallery / Showcase — Resource / blog cards row
• Footer — Dense dark-violet mega-footer