Grafana — Bento Grid
'Observe everything. Solve anything.' over a large boxed grid of icon pills (Products & Solutions plus Telemetry: logs, metrics, traces, profiles) mapping the full stack.
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/grafana-observe-everything-products-solutions-pill-grid.
Measured spec
| Scheme | light |
| Background | #FFFFFF |
| Text | #222426 |
| Contrast | 15.57 |
| Columns | 1 |
| Alignment | left |
| Whitespace | dense |
| Density | 0.455 |
| Measured size | 1600×1185 px |
Palette
#EEF1F5#FFFFFF#F46800
Fonts
PoppinsInter
Page types
Detail
UI elements
CardBadge
Context
Other sections on this page
- Hero — AI-observability hero with Ask-AI search + logo wall
- Banner — ObservabilityCON 2026 Landing Page & Event Registration
- Feature — Grafana Assistant AI chat panel
- Feature — Cut-costs billing dashboard
- Feature — Break-down-silos log dashboard
- Integrations — Plug-in integrations constellation
- Gallery / Showcase — Demo time: Try Grafana Cloud play panel
- Stats / Metrics — Observability Platform Comparison & Survey Results Carousel
- Testimonial / Social Proof — Real customer stories with brand tabs
- Gallery / Showcase — Open-source community photo mosaic
- CTA / Sign-up — Welcome to the open cloud plans + product screenshot
- CTA / Sign-up — Newsletter signup question strip
- Footer — Multi-column footer with Grafana Labs wordmark