# Fly.io, About

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

## Why it works

Large Mackinac headlines set against a deep indigo and black gradient create a high-contrast, editorial feel. The team grid uses white cards with 8px corners to separate individual profiles from the dark background, while the bright indigo accent draws focus to the "Sign Up" button.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/fly-io/about#section-1) (y 0–96px of 3660) · image: https://designly.sh/media/captures/cap_7c489cb86ff249b98c4b651628bf52e5/sections/0.webp · id sec_6c6a3cc134d24a1bab2b3a3f493537bf
2. [Hero: "What’s This All About?"](https://designly.sh/s/fly-io/about#section-2) (y 96–639px of 3660) · image: https://designly.sh/media/captures/cap_7c489cb86ff249b98c4b651628bf52e5/sections/1.webp · id sec_ab7ba05fea3d4f31989fa87dc401920b
3. [Team: "Meet the team"](https://designly.sh/s/fly-io/about#section-3) (y 639–3181px of 3660) · image: https://designly.sh/media/captures/cap_7c489cb86ff249b98c4b651628bf52e5/sections/2.webp · id sec_4578f438d1164933902796dc100f3f07
4. [Footer: "Footer"](https://designly.sh/s/fly-io/about#section-4) (y 3181–3660px of 3660) · image: https://designly.sh/media/captures/cap_7c489cb86ff249b98c4b651628bf52e5/sections/3.webp · id sec_5ecd8a2f031846d68b546a4e14fe65fb

## Design tokens

- Colours: #090A14 (background), #281950 (text), #7C3AED (accent), #FFFFFF (surface), #9698B6 (muted)
- Fonts: Fricolage Grotesque (display)
- Corner radius: 8px
- Section padding: 96px
- Export: https://designly.sh/s/fly-io/about?format=tokens.css · https://designly.sh/s/fly-io/about?format=tokens.json · https://designly.sh/s/fly-io/about?format=tokens.tailwind.css

## Images

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

## Other Pages of Fly.io

- [Home](https://designly.sh/s/fly-io?format=md) — /
- [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, About](https://designly.sh/s/zed/about?format=md) — Developer tools · About · Custom code · styles: type-led, serif, minimal, airy · image: https://designly.sh/media/captures/cap_4b80d570882f4e0f83ecd01d6fb0625e/desktop.webp
- [Val Town, About](https://designly.sh/s/val-town/about?format=md) — Developer tools · About · Custom code · Brooklyn, USA · styles: type-led, minimal, corporate · image: https://designly.sh/media/captures/cap_bef800e4a21c48a18f178b8b7acc83a1/desktop.webp
- [Sentry, About](https://designly.sh/s/sentry/about?format=md) — Developer tools · About · Custom code · San Francisco, USA · styles: type-led, illustrated, bold, dark · image: https://designly.sh/media/captures/cap_66d2f2ed63f2443983c041ffc6c47b3a/desktop.webp
- [PostHog, About](https://designly.sh/s/posthog/about?format=md) — Developer tools · About · Custom code · San Francisco, USA · styles: type-led, warm, playful, organic · image: https://designly.sh/media/captures/cap_554e41e80f0349eab2cf3f479af8d1e2/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.