Grafana
grafana.com/
Grafana is a Infrastructure product. See its grafana.com landing page design in full — desktop and mobile screenshots plus close-ups of the hero, features, pricing, logo cloud and footer. It's built with Next.js and Tailwind CSS. Study how Grafana structures its messaging, layout and visual hierarchy, then explore more of the best Infrastructure website designs.
- Category
- Infrastructure
- Meta title
- Full-stack observability for the agentic era | Grafana Labs | Grafana Labs
- Stack
- Next.jsTailwind CSS
- Typography
- DisplayPoppinsBodyInter
- Palette
- Sections
- 05
- Updated
grafana.com/
Grafana's landing page, section by section
Each section below is cropped straight from Grafana's live page — useful references for infrastructure landing page design.
01 / Hero
More hero examples →02 / Features
More features examples →03 / Pricing
More pricing examples →04 / Logo cloud
More logo cloud examples →Similar designs
Browse all Infrastructure →
UpstashInfrastructure
PolarsignalsInfrastructure
VercelInfrastructure
PlanetscaleInfrastructure
DatashakeInfrastructure
BrowserbaseInfrastructure