# Fly.io, Home

Developer tools · Home · Custom code · Chicago, USA
Live page: https://fly.io/
On Designly: https://designly.sh/s/fly-io · JSON: https://designly.sh/s/fly-io?format=json
Site: [Fly.io](https://designly.sh/s/fly-io?format=md) (https://fly.io)
Styles: type-led, playful, editorial, light

## Why it works

Large Mackinac headlines in deep indigo set against a white background give this developer platform an editorial weight. Bright indigo is used sparingly for the primary "Deploy your app" button and the "Sign Up" link, while playful, hand-drawn illustrations prevent the technical subject matter from feeling sterile.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/fly-io#section-1) (y 0–96px of 7241) · image: https://designly.sh/media/captures/cap_f4046620af364c44909cccc1ebd24bb3/sections/0.webp · id sec_29044f4d644c4734b3a84ec8d6c0af13
2. [Hero: "Hero"](https://designly.sh/s/fly-io#section-2) (y 96–804px of 7241) · image: https://designly.sh/media/captures/cap_f4046620af364c44909cccc1ebd24bb3/sections/1.webp · id sec_5e17388626984d64872d510296f4ea87
3. [Content: "Modern Compute Without the Complexity"](https://designly.sh/s/fly-io#section-3) (y 804–1337px of 7241) · image: https://designly.sh/media/captures/cap_f4046620af364c44909cccc1ebd24bb3/sections/2.webp · id sec_e004818361af481c9c7b14bc6520478a
4. [Call to action: "Sandboxes That Feel Like a Superpower"](https://designly.sh/s/fly-io#section-4) (y 1337–1939px of 7241) · image: https://designly.sh/media/captures/cap_f4046620af364c44909cccc1ebd24bb3/sections/3.webp · id sec_edb7e95431094e25b3ff56717b2cf6db
5. [Content: "Storage That Keeps Up"](https://designly.sh/s/fly-io#section-5) (y 1939–2487px of 7241) · image: https://designly.sh/media/captures/cap_f4046620af364c44909cccc1ebd24bb3/sections/4.webp · id sec_3315c310e76242c6ac05cc3ef82e007d
6. [Content: "Use the Tech You Love"](https://designly.sh/s/fly-io#section-6) (y 2487–3071px of 7241) · image: https://designly.sh/media/captures/cap_f4046620af364c44909cccc1ebd24bb3/sections/5.webp · id sec_f4a90989866547b0b41186d0ba79a71e
7. [Content: "Keep Your Data Close"](https://designly.sh/s/fly-io#section-7) (y 3071–3651px of 7241) · image: https://designly.sh/media/captures/cap_f4046620af364c44909cccc1ebd24bb3/sections/6.webp · id sec_cd40e4bcf6344abfa44a012895e271ea
8. [Features: "Built for Agents"](https://designly.sh/s/fly-io#section-8) (y 3651–4249px of 7241) · image: https://designly.sh/media/captures/cap_f4046620af364c44909cccc1ebd24bb3/sections/7.webp · id sec_bf185fba3e764b21b88f063476c1e05d
9. [Content: "Grow Without Drama"](https://designly.sh/s/fly-io#section-9) (y 4249–4755px of 7241) · image: https://designly.sh/media/captures/cap_f4046620af364c44909cccc1ebd24bb3/sections/8.webp · id sec_77df1321a62749ccaf024df5b8d2c900
10. [Logos: "Enterprise-Ready"](https://designly.sh/s/fly-io#section-10) (y 4755–5399px of 7241) · image: https://designly.sh/media/captures/cap_f4046620af364c44909cccc1ebd24bb3/sections/9.webp · id sec_18dc3974ae6642e8932437e14d8613b6
11. [Content: "Support that knows the stack"](https://designly.sh/s/fly-io#section-11) (y 5399–6449px of 7241) · image: https://designly.sh/media/captures/cap_f4046620af364c44909cccc1ebd24bb3/sections/10.webp · id sec_f39c02d2900848aa89f79e7ecddb8ef5
12. [Content: "Ship your apps and agents. Start free"](https://designly.sh/s/fly-io#section-12) (y 6450–6762px of 7241) · image: https://designly.sh/media/captures/cap_f4046620af364c44909cccc1ebd24bb3/sections/11.webp · id sec_d29d83a3ef7c412b8fe863088c7032c7
13. [Footer: "Footer"](https://designly.sh/s/fly-io#section-13) (y 6762–7241px of 7241) · image: https://designly.sh/media/captures/cap_f4046620af364c44909cccc1ebd24bb3/sections/12.webp · id sec_aa813222a19e4f53893e8cefbe86a0d6

## Design tokens

- Colours: #FFFFFF (background), #281950 (text), #7C3AED (accent), #F4F6EB (surface), #000000 (muted)
- Fonts: Mackinac (display), Fricolage Grotesque (body)
- Corner radius: 16px
- Section padding: 128px
- Export: https://designly.sh/s/fly-io?format=tokens.css · https://designly.sh/s/fly-io?format=tokens.json · https://designly.sh/s/fly-io?format=tokens.tailwind.css

## Images

- Desktop (1440×7241): https://designly.sh/media/captures/cap_f4046620af364c44909cccc1ebd24bb3/desktop.webp
- Mobile (390×8000): https://designly.sh/media/captures/cap_f4046620af364c44909cccc1ebd24bb3/mobile.webp
- Captured: 2026-10-26

## Other Pages of Fly.io

- [About](https://designly.sh/s/fly-io/about?format=md) — /about
- [Blog](https://designly.sh/s/fly-io/blog?format=md) — /blog
- [Careers](https://designly.sh/s/fly-io/jobs?format=md) — /jobs
- [Pricing](https://designly.sh/s/fly-io/pricing?format=md) — /pricing

## Related

- [Zed, Home](https://designly.sh/s/zed?format=md) — Developer tools · Home · Custom code · styles: type-led, serif, minimal, editorial · image: https://designly.sh/media/captures/cap_b64c41a459a24ca88d6c9660f880a1c9/desktop.webp
- [Val Town, Home](https://designly.sh/s/val-town?format=md) — Developer tools · Home · Custom code · Brooklyn, USA · styles: type-led, light, geometric, minimal · image: https://designly.sh/media/captures/cap_aaa429a5fd8e46e1847e72efbeb5cf2e/desktop.webp
- [Sentry, Home](https://designly.sh/s/sentry/welcome?format=md) — Developer tools · Home · Custom code · San Francisco, USA · styles: dark, type-led, bold, tech · image: https://designly.sh/media/captures/cap_51aa0a7c667f45a5a29f2536b056a61f/desktop.webp
- [PostHog, Home](https://designly.sh/s/posthog?format=md) — Developer tools · Home · Custom code · San Francisco, USA · styles: type-led, playful, light, geometric · image: https://designly.sh/media/captures/cap_d3ed1e4cfb754949a41a76ecda3f0065/desktop.webp

Credit: every reference is a real business's site. If it shapes your work, link to the business and to its Designly page.