Front — 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.
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
#3B1E66#FFFFFF#D4F542#1C1030
Fonts
Helvetica Neue LT StdSuisse Intl
Page types
Detail
UX patterns
Activity Feed
UI elements
Navigation BarCardAvatarBadge
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