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. Its type is set in Poppins, anchored by a #1b55f5 palette. Study how Grafana structures its messaging, layout and visual hierarchy, then explore more of the best Infrastructure website designs.
Featured in: Logo Clouds: How 12 Real SaaS Sites Borrow Trust in One Glance
- 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 →
FelixInfrastructure
UpstashInfrastructure
VercelInfrastructure
PlanetscaleInfrastructure
PolarsignalsInfrastructure
DatashakeInfrastructure