# Fly.io: style sheet

Measured on 5 of 5 published Pages, newest Capture 2026-10-26. Every value is measured on the live page unless marked inferred.
On Designly: https://designly.sh/style-sheets/fly-io · JSON: https://designly.sh/style-sheets/fly-io.json
Site: [Fly.io](https://designly.sh/s/fly-io?format=md) (https://fly.io)

## Colour

- #7C3AED: accent · 5/5 Pages
- #FFFFFF: background · 3/5 Pages
- #281950: text · 2/5 Pages
- #F5F3FF: background · 2/5 Pages
- #4C4E67: text · 2/5 Pages
- #121226: surface · 2/5 Pages
- #F4F6EB: surface · 1/5 Pages
- #000000: muted · 1/5 Pages
- #090A14: background · 1/5 Pages
- #9698B6: muted · 1/5 Pages
- #564C73: text · 1/5 Pages
- #191034: surface · 1/5 Pages
- #EDE9FE: surface · 1/5 Pages
- Contrast, text on background: 15.6:1 (AAA)
- Contrast, text on surface: 1.1:1 (fails)
- Contrast, accent on background: 5.6:1 (AA)

## Type

- display: Mackinac · 4/5 Pages
- body: Fricolage Grotesque · 4/5 Pages
- display: Fricolage Grotesque · 1/5 Pages

## Spacing

- Base unit (inferred): 8px, 5 of 5 measured paddings on it
- Section padding: 80px · 2/5 Pages
- Section padding: 128px · 1/5 Pages
- Section padding: 96px · 1/5 Pages
- Section padding: 144px · 1/5 Pages

## Radius

- 8px · 4/5 Pages
- 16px · 1/5 Pages

## Pages

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

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