Brand Guidelines
Everything you need to show Fly.io correctly: logos, color, type, imagery & voice.
Sections
Logo
Three layouts, four color treatments, & when to use each.
Color
Navy, violet & the balloon gradient, with contrast-checked pairings.
Typography
Mackinac for display, Fricolage Grotesque for text, Fragment Mono for code.
Imagery
Hand-drawn illustration, & how to put text on it.
Code & Terminals
Terminal windows, code blocks & the syntax palette.
Voice & Naming
How Fly.io sounds, drawn from 79 blog posts. Plus how to spell every product name.
Usage Terms
Where you can use the brand, & where you can’t.
Downloads
Every logo as SVG, PNG & ZIP, or the whole kit in one file.
For Agents
WebMCP tools, /brand.json & /llms.txt.
The Short Version
1 · Logo
Use the color landscape logo whenever you can. Switch to monochrome on low-contrast backgrounds, & portrait when space is tight.
2 · Name
It’s Fly.io: capital F, lowercase io, with the dot. Products are Fly Machines, Sprites & Fly Managed Postgres.
3 · Terms
For articles, tutorials & integrations, linking to fly.io. Never on merch, never implying endorsement.
For agents
Ask an Agent to Use the Brand
This site exposes 12 WebMCP tools to in-browser agents, plus /brand.json & /llms.txt for everything else.
See the Tools →