Highlight — Hero
An open source, fullstack monitoring platform for session replay, error monitoring, logging, traces, dashboards, and self-hosting. The page uses a dark navy background with a headline-and-hero layout: centered white and yellow heading text, two primary call-to-action buttons (Get started, Live demo), and a tabbed feature section below showing six monitoring capabilities. The active Session Replay tab displays descriptive copy with nested feature cards and a GitHub star badge.
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/highlight-fullstack-monitoring-hero.
Measured spec
| Scheme | dark |
| Background | #0D0226 |
| Text | #979A9D |
| Accents | #9B2E4F |
| Contrast | 7.05 |
| Columns | 1 |
| Alignment | left |
| Whitespace | airy |
| Density | 0.095 |
| Measured size | 1600×1251 px |
Palette
#0D0225#ECECEE#72E4FC
Fonts
PoppinsSegoe UI
Page types
Detail
UX patterns
Dark Mode
UI elements
Navigation BarTabsBadge
Context
Other sections on this page
- Testimonial / Social Proof — Our customers
- Feature — Cohesive stack view
- Feature — Modern frameworks
- Integrations — Favorite tool integrations
- Feature — Compliance and security
- Gallery / Showcase — Visibility illustration
- Banner — OpenTelemetry course
- CTA / Sign-up — Get the visibility you need
- Footer — Footer