design.md

AI-ready Markdown · Human-readable · 117 tokens

Preview

# fly.io Design Tokens

> Generated by UI Archive — https://ui-archive.com/fly.io
> Snapshot: 2026-11-15
> Format: W3C DTCG compatible — suitable for Cursor, Lovable, Claude Code, and other AI coding agents

## Typography

| Token | Font Family | Size |
|-------|-------------|------|
| --font-size-fricolage-grotesque | Fricolage Grotesque, ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji | 0.75rem |
| --font-size-mackinac | Mackinac, ui-serif, Georgia, Cambria, Times New Roman, Times, serif | 1.0625rem |
| --font-size-mackinac-2 | Mackinac, ui-serif, Georgia, Cambria, Times New Roman, Times, serif | [object Object] |
| --font-size-sf-mono | SF Mono, Monaco, Cascadia Code, Roboto Mono, Consolas, Courier New, monospace | 0.875rem |
| --font-size-fricolage-grotesque-16px-325 | Fricolage Grotesque, ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji | 16px |
| --font-size-fricolage-grotesque-14-5px-450 | Fricolage Grotesque, ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji | 14.5px |
| --font-size-fricolage-grotesque-19px-450 | Fricolage Grotesque, ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji | 19px |
| --font-size-fricolage-grotesque-15-5px-450 | Fricolage Grotesque, ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji | 15.5px |
| --font-size-fricolage-grotesque-17px-325 | Fricolage Grotesque, ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji | 17px |
| --font-size-mackinac-36px-500 | Mackinac, ui-serif, Georgia, Cambria, Times New Roman, Times, serif | 36px |
| --font-size-mackinac-64px-500 | Mackinac, ui-serif, Georgia, Cambria, Times New Roman, Times, serif | 64px |
| --font-size-fricolage-grotesque-15px-450 | Fricolage Grotesque, ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji | 15px |
| --font-size-fricolage-grotesque-12px-575 | Fricolage Grotesque, ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji | 12px |
| --font-size-mackinac-48px-500 | Mackinac, ui-serif, Georgia, Cambria, Times New Roman, Times, serif | 48px |
| --font-size-fricolage-grotesque-18px-325 | Fricolage Grotesque, ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji | 18px |

## Spacing

| Token | Value |
|-------|-------|
…