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.
Measured spec
| Scheme | dark |
| Background | #300C41 |
| Text | #EFECF0 |
| Accents | #693581, #8C69AC |
| Contrast | 14.29 |
| Columns | 1 |
| Alignment | left |
| Whitespace | dense |
| Density | 0.528 |
| Measured size | 1600×1479 px |
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