# Linear ? Style Reference

> **Theme:** dark ? **Voice:** midnight precision instrument

Linear uses Void #08090a, hairline Graphite geometry, Paper type and one Acid Lime #e4f222 action signal. Typography stays within 400?590; product UI is the visual texture.

## Tokens

| Token       | Value     |
| ----------- | --------- |
| void        | `#08090a` |
| carbon      | `#0f1011` |
| obsidian    | `#161718` |
| graphite    | `#23252a` |
| smoke       | `#383b3f` |
| ash         | `#62666d` |
| fog         | `#8a8f98` |
| mist        | `#d0d6e0` |
| bone        | `#e5e5e6` |
| paper       | `#ffffff` |
| acid-lime   | `#e4f222` |
| pulse-green | `#27a644` |
| coral-red   | `#eb5757` |
| signal-teal | `#02b8cc` |
| iris-violet | `#6366f1` |
| lavender    | `#8b5cf6` |

Type: Inter Variable for UI and Berkeley Mono for technical metadata. Spacing: `4px`, `8px`, `12px`, `16px`, `20px`, `24px`, `28px`, `32px`, `36px`, `40px`, `48px`, `56px`, `64px`, `80px`, `96px`, `128px`. Radius: 2px small, 4px badges, 6px inputs/buttons, 12px cards, 9999px pills.

## Components

- Primary: Acid Lime, Void text, 6px radius, 10px ? 16px.
- Ghost: transparent, Graphite border, Mist text, 6px radius.
- Product frame: Carbon, 12px radius, subtle inset border, 24px padding.
- Input: 6px radius; focus border brightens to Mist.

Use Acid Lime once per view. Separate surfaces with hairline Graphite, not decorative shadows.

Source: supplied Linear style reference.