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.
Palette
#EEF1F5#FFFFFF#F46800
Fonts
PoppinsInter
Page types
Detail
UI elements
CardBadge
Context
- Parent page: Full-stack observability landing page with AI assistant chat input and product matrix
- All of Grafana
Other sections on this page
- Hero — AI-observability hero with Ask-AI search + logo wall
- Banner — Dark ObservabilityCON 26 event strip
- 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 — Gartner leader card + observability insights
- 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