# Fly.io, Careers

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

## Why it works

Mackinac display type on a pale lavender background gives the careers page an editorial character. Bright indigo is used for the "Sign Up" button, while job listings are organized into a grid of white cards with 8px corners to separate roles by location and type.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/fly-io/jobs#section-1) (y 0–96px of 1503) · image: https://designly.sh/media/captures/cap_d957a8da8ca54f6bbda9e9d959ffbffb/sections/0.webp · id sec_1ac083f6482a477c92f8801878041e10
2. [Hero: "Join Our Team"](https://designly.sh/s/fly-io/jobs#section-2) (y 96–616px of 1503) · image: https://designly.sh/media/captures/cap_d957a8da8ca54f6bbda9e9d959ffbffb/sections/1.webp · id sec_6a2d026a827145abbb6b7b753d33450d
3. [Content: "Content"](https://designly.sh/s/fly-io/jobs#section-3) (y 616–1069px of 1503) · image: https://designly.sh/media/captures/cap_d957a8da8ca54f6bbda9e9d959ffbffb/sections/2.webp · id sec_3d879fb9599b4ec5b03d4ad9fcc5386f
4. [Footer: "Footer"](https://designly.sh/s/fly-io/jobs#section-4) (y 1165–1503px of 1503) · image: https://designly.sh/media/captures/cap_d957a8da8ca54f6bbda9e9d959ffbffb/sections/3.webp · id sec_cd8baeef8fcf4caa8183ea701bdef939

## Design tokens

- Colours: #F5F3FF (background), #4C4E67 (text), #7C3AED (accent), #121226 (surface)
- Fonts: Mackinac (display), Fricolage Grotesque (body)
- Corner radius: 8px
- Section padding: 80px
- Export: https://designly.sh/s/fly-io/jobs?format=tokens.css · https://designly.sh/s/fly-io/jobs?format=tokens.json · https://designly.sh/s/fly-io/jobs?format=tokens.tailwind.css

## Images

- Desktop (1440×1503): https://designly.sh/media/captures/cap_d957a8da8ca54f6bbda9e9d959ffbffb/desktop.webp
- Mobile (390×2878): https://designly.sh/media/captures/cap_d957a8da8ca54f6bbda9e9d959ffbffb/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
- [Pricing](https://designly.sh/s/fly-io/pricing?format=md) — /pricing

## Related

- [Zed, Careers](https://designly.sh/s/zed/jobs?format=md) — Developer tools · Careers · Custom code · styles: type-led, serif, minimal, corporate · image: https://designly.sh/media/captures/cap_4c7bb499dda14aa496df9dfa92e7fcf2/desktop.webp
- [Vercel, Careers](https://designly.sh/s/vercel/careers?format=md) — Developer tools · Careers · Custom code · San Francisco, USA · styles: type-led, minimal, corporate, light · image: https://designly.sh/media/captures/cap_37b3a45722c44e068cd05bd9c7e831e7/desktop.webp
- [Val Town, Careers](https://designly.sh/s/val-town/careers?format=md) — Developer tools · Careers · Custom code · Brooklyn, USA · styles: type-led, minimal, corporate · image: https://designly.sh/media/captures/cap_b6f26e259305472484becf3c58a85d90/desktop.webp
- [Sentry, Careers](https://designly.sh/s/sentry/careers?format=md) — Developer tools · Careers · Custom code · San Francisco, USA · styles: dark, bold, illustrated, type-led · image: https://designly.sh/media/captures/cap_43f2ef8569fc4c93b25f0a3ee66639d4/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.