design.md

Preview

# orcas.io Design Tokens

> Generated by UI Archive — https://ui-archive.com/orcas.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-avenir-next-world-demi-20px-400 | Avenir Next World Demi, Avenir Next World Demi Placeholder, sans-serif | 20px |
| --font-size-avenir-next-world-medium-18px-400 | Avenir Next World Medium, Avenir Next World Medium Placeholder, sans-serif | 18px |
| --font-size-avenir-next-world-medium-16px-400 | Avenir Next World Medium, Avenir Next World Medium Placeholder, sans-serif | 16px |
| --font-size-avenir-next-world-extrabold-32px-400 | Avenir Next World ExtraBold, Avenir Next World ExtraBold Placeholder, sans-serif | 32px |
| --font-size-avenir-next-world-bold-42px-400 | Avenir Next World Bold, Avenir Next World Bold Placeholder, sans-serif | 42px |
| --font-size-avenir-next-world-black-48px-900 | Avenir Next World Black, sans-serif | 48px |

## Spacing

| Token | Value |
|-------|-------|
| --spacing-2px | 2px |
| --spacing-4px | 4px |
| --spacing-6px | 6px |
| --spacing-8px | 8px |
| --spacing-10px | 10px |
| --spacing-11px | 11px |
| --spacing-12px | 12px |
| --spacing-14px | 14px |
| --spacing-16px | 16px |
…

All Tokens