Mixpanel — Hero
Top nav with Mixpanel wordmark and CTAs over a centered headline 'The product intelligence system for the AI era', four pill sub-features, and a layered dark product UI showing funnel charts, an AI assistant chat panel and report cards on a violet-glow backdrop.
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/mixpanel-centered-hero-with-composited-analytics-product-screenshot.
Measured spec
| Scheme | light |
| Background | #FFFFFF |
| Text | #160040 |
| Accents | #160040, #7461A6, #2B1758 |
| Contrast | 18.95 |
| Columns | 1 |
| Alignment | left |
| Whitespace | dense |
| Density | 0.505 |
| Measured size | 1600×1747 px |
Palette
#FFFFFF#1B0A2E#6C4FE0#EDE7FB
Fonts
Garnett MediumGarnett Regular
Page types
Detail
UX patterns
Data TableStats / KPIs
UI elements
Navigation BarChartCardBadge
Context
- Parent page: Product analytics platform landing with dark gradient hero and floating AI assistant panels
- All of Mixpanel
Other sections on this page
- Feature — Six-cell capability grid (Product/Web/Session + Experiments/Metric Trees/Warehouse)
- Banner — Maroon 'Mixpanel AI' panel with glowing X and orbiting logos
- Feature — 'Why teams choose Mixpanel' with flow-diagram visual and checklist
- Feature — Violet stage-lit 'Enterprise-ready' four-pillar section
- Testimonial / Social Proof — Docusign dark case-study slab with oversized stats
- Feature — 'Support for every step' three-card support row
- CTA / Sign-up — Centered closing CTA on gradient
- Footer — Dark multi-column footer with mega link grid