What fonts does Fly.io use?
Measured from the captured homepage: Mackinac for headings and Fricolage Grotesque for body copy.
Open full Fly.io reference →Observed typography
- Heading font
- Mackinac
- Body font
- Fricolage Grotesque
- System
- Two-family hierarchy
How the page is built
Fly.io's captured homepage has 38 sections and 10 inner pages.
- 17 content
- 10 features
- 2 cta
- 2 statement
- 1 about
- 1 blog
- 1 footer
- 1 hero
- 1 pricing
- 1 team
- 1 testimonials
Other sites that use this pair
No other captured site in this library uses this same pair of fonts.
Captured colors
The captured homepage uses these 6 colors, in capture order.
- #7c3aed
- #686082
- #000000
- #ffffff
- #191034
- #e6e0fe
Styles recorded: Light.
Fly.io's website font choices
Captured September 21, 2026. Read it with the full reference, where the palette, section order and responsive views sit next to the type.
A single family or a two-font system?
Fly.io pairs Mackinac for headings with Fricolage Grotesque for body copy.
Compare it across the library
See the website font trends and the font pairing examples.
Fly.io fonts — FAQ
What font does Fly.io use?
Fly.io uses Mackinac for headings and Fricolage Grotesque for body copy in the captured homepage.
Is Mackinac free to use?
Check the foundry license for Mackinac before shipping it. This page records what appeared on Fly.io's site and grants no reuse rights.
What colors and sections were captured for Fly.io?
6 colors (#7c3aed, #686082, #000000, #ffffff, #191034, #e6e0fe) and 38 homepage sections, with 10 inner pages.
Which other sites use Mackinac and Fricolage Grotesque?
No other captured site in this library uses this same pair of fonts.
Fonts come from the rendered capture and may change when the site does. Library methodology