Fly
fly.io/
Fly is a Infrastructure product. See its fly.io landing page design in full — desktop and mobile screenshots plus close-ups of the hero, features and footer. It's built with Tailwind CSS. Its type is set in Mackinac, anchored by a #281950 palette. Study how Fly structures its messaging, layout and visual hierarchy, then explore more of the best Infrastructure website designs.
- Category
- Infrastructure
- Meta title
- Build fast. Run any code fearlessly. · Fly
- Stack
- Tailwind CSS
- Typography
- DisplayMackinacBodyFricolage Grotesque
- Palette
- Sections
- 03
- Updated
fly.io/
Fly's landing page, section by section
Each section below is cropped straight from Fly's live page — useful references for infrastructure landing page design.
01 / Hero
More hero examples →02 / Features
More features examples →Similar designs
Browse all Infrastructure →
AssemblyaiInfrastructure
UpstashInfrastructure
GrafanaInfrastructure
FelixInfrastructure
VercelInfrastructure
PlanetscaleInfrastructure