# Fly.io, Pricing

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

## Why it works

Large Mackinac headlines in indigo set against white provide a high-contrast, editorial feel. Bright indigo is used sparingly for the primary "Get Started" button and key interactive elements, while pale indigo surfaces organize the pricing tables.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/fly-io/pricing#section-1) (y 0–96px of 4178) · image: https://designly.sh/media/captures/cap_59ba16750ebc4eb3a7d69a7efe1583f6/sections/0.webp · id sec_9fdbfd32b8a64093bc27ec8222d6db2d
2. [Hero: "Start for free, pay as you grow"](https://designly.sh/s/fly-io/pricing#section-2) (y 96–628px of 4178) · image: https://designly.sh/media/captures/cap_59ba16750ebc4eb3a7d69a7efe1583f6/sections/1.webp · id sec_72a567ebac32417e9881407cdb239d6b
3. [Call to action: "Here's what it costs"](https://designly.sh/s/fly-io/pricing#section-3) (y 724–841px of 4178) · image: https://designly.sh/media/captures/cap_59ba16750ebc4eb3a7d69a7efe1583f6/sections/2.webp · id sec_d04eadb66b3b4720879db0dff85c9a7c
4. [Pricing table: "Machines pricing"](https://designly.sh/s/fly-io/pricing#section-4) (y 840–1539px of 4178) · image: https://designly.sh/media/captures/cap_59ba16750ebc4eb3a7d69a7efe1583f6/sections/3.webp · id sec_26956591f1424c2eacd61523608efbe6
5. [Pricing table: "Pricing"](https://designly.sh/s/fly-io/pricing#section-5) (y 1555–1724px of 4178) · image: https://designly.sh/media/captures/cap_59ba16750ebc4eb3a7d69a7efe1583f6/sections/4.webp · id sec_8199c53fc9cd472d9c4b4bba5d0df2ff
6. [Call to action: "Call to action"](https://designly.sh/s/fly-io/pricing#section-6) (y 1764–1840px of 4178) · image: https://designly.sh/media/captures/cap_59ba16750ebc4eb3a7d69a7efe1583f6/sections/5.webp · id sec_7067f8d0bcf849b39cf50d93c03dd52f
7. [Pricing table: "Support"](https://designly.sh/s/fly-io/pricing#section-7) (y 1936–2741px of 4178) · image: https://designly.sh/media/captures/cap_59ba16750ebc4eb3a7d69a7efe1583f6/sections/6.webp · id sec_3ecbfabea1d24aab9f6b4ee9cd5425fa
8. [Call to action: "Compliance"](https://designly.sh/s/fly-io/pricing#section-8) (y 2741–3254px of 4178) · image: https://designly.sh/media/captures/cap_59ba16750ebc4eb3a7d69a7efe1583f6/sections/7.webp · id sec_c3cb9d0630fa47f38eaf963e8b668341
9. [Content: "Startup program"](https://designly.sh/s/fly-io/pricing#section-9) (y 3254–3699px of 4178) · image: https://designly.sh/media/captures/cap_59ba16750ebc4eb3a7d69a7efe1583f6/sections/8.webp · id sec_ec45a67b011d434b91bf1cba60060973
10. [Footer: "Footer"](https://designly.sh/s/fly-io/pricing#section-10) (y 3699–4178px of 4178) · image: https://designly.sh/media/captures/cap_59ba16750ebc4eb3a7d69a7efe1583f6/sections/9.webp · id sec_f6525b8183d04f19ab679ae6be07a71e

## Design tokens

- Colours: #FFFFFF (background), #564C73 (text), #7C3AED (accent), #191034 (surface), #EDE9FE (surface-2)
- Fonts: Mackinac (display), Fricolage Grotesque (body)
- Corner radius: 8px
- Section padding: 80px
- Export: https://designly.sh/s/fly-io/pricing?format=tokens.css · https://designly.sh/s/fly-io/pricing?format=tokens.json · https://designly.sh/s/fly-io/pricing?format=tokens.tailwind.css

## Images

- Desktop (1440×4178): https://designly.sh/media/captures/cap_59ba16750ebc4eb3a7d69a7efe1583f6/desktop.webp
- Mobile (390×6976): https://designly.sh/media/captures/cap_59ba16750ebc4eb3a7d69a7efe1583f6/mobile.webp
- Captured: 2026-10-26

## Other Pages of Fly.io

- [Home](https://designly.sh/s/fly-io?format=md) — /
- [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

## Related

- [Zed, Pricing](https://designly.sh/s/zed/pricing?format=md) — Developer tools · Pricing · Custom code · styles: type-led, minimal, corporate, serif · image: https://designly.sh/media/captures/cap_b51e3c27ccb24c3780a1209dda65c8ac/desktop.webp
- [Val Town, Pricing](https://designly.sh/s/val-town/pricing?format=md) — Developer tools · Pricing · Custom code · Brooklyn, USA · styles: minimal, type-led, corporate · image: https://designly.sh/media/captures/cap_01bd2646feb643f094e739d4a4029540/desktop.webp
- [Sentry, Pricing](https://designly.sh/s/sentry/pricing?format=md) — Developer tools · Pricing · Custom code · San Francisco, USA · styles: corporate, type-led, geometric · image: https://designly.sh/media/captures/cap_3319ad6404f84074bfb202715b1feb2a/desktop.webp
- [Raycast, Pricing](https://designly.sh/s/raycast/pricing?format=md) — Developer tools · Pricing · Custom code · London, UK · styles: dark, type-led, minimal, corporate, bold · image: https://designly.sh/media/captures/cap_3b955e69cb0c4811a03aa89c3285b821/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.