Fly.io

Item: Fly.io
Rating: 7.8

Hardware-isolated cloud computers and sandboxes for apps and AI agents.

7.8/10MABTU rating

DESKTOP · 1440 × 7,636/ ↗

MOBILE · 390

Section outline · Home

01header96
02headerComputers for agents884
03testimonialsMachines that Remember989
04media textA Real Durable Filesystem429
05features gridNothing to Manage1,015
06media textSprites: where your agent runs. Machines: where you run what it builds.874
07contentGrow without drama381
08features gridA Connection to Everything1,164
09logo cloudTeams building on Fly.io236
10testimonialsSupport that knows the stack1,064
11footer503

Rating · Home

Visual design8.3

UX & clarity7.5

Originality8.8

Craft & consistency8.0

Motion6.0

Performance & a11y7.7

This page scores 7.9; the site score weights the home page double.

Main colours

Light·white background·vivid

Typography

Mackinacheading · font · self-hosted Fricolage Grotesquebody · sans · self-hosted

Stack & style

Tailwind CSS

Editorial Playful Gradient-heavy Illustration-led Logo cloud Stats band Sticky header

Also: Stripe, Fly.io, Google Tag Manager, PostHog

Design DNA

White page with a characterful old-style serif for headlines and a small sans for copy, violet buttons. The hero is a pastel sunset gradient with a winged purple server and birds in a detailed storybook illustration. Iridescent pink-mint-lilac rounded panels hold card rows of sketchy illustrations (a bed for sleeping agents, a watch for checkpoints, a spy for credentials). A tick-list block, a Sprites vs Machines illustrated pair, a stats grid, a logo row, a support quote panel and a deep indigo footer follow.

Worth borrowing

Explain abstract infrastructure concepts with one quirky illustrated object per card.
Use iridescent pastel gradient panels as section containers on a white page.
Set developer-tool headlines in a warm serif to stand apart from grotesk-heavy competitors.