Linear

# Linear — Style Reference
> Midnight Command Center: A dark, layered interface lit by precise accents, like a high-tech control panel.
Theme: dark

Linear presents a sophisticated and focused dark-mode experience, reminiscent of a command center dashboard. A deep charcoal base creates a serious, immersive canvas, while subtle gradients and layered surfaces build depth without harsh contrasts. Distinctive muted text colors (#8a8f98 for secondary, #62666d for tertiary) maintain readability against the dark backdrop. Critically, interaction is marked by a single vivid lime green (#e4f222), applied selectively to primary calls to action, preventing visual clutter and guiding the user's eye with precision.

## Colors
| Name | Value | Role |
|------|-------|------|
| Neon Lime | `#e4f222` | Primary action indicators, active states, and focus elements — a high-energy focal point. |
| Aether Blue | `#5e6ad2` | Decorative highlights and occasional background elements, suggesting a technological or informational context. |
| Cyan Spark | `#02b8cc` | Informational highlights and unique icon fills, providing a cool accent. |
| Deep Violet | `#6366f1` | Background accents in specific content blocks, indicating a distinct informational category. |
| Amethyst | `#8b5cf6` | Another variant of violet for backgrounds, used interchangeably with Deep Violet for visual diversity. |
| Pitch Black | `#08090a` | Page background, primary surface for base elements, subtly integrated into shadows for depth. |
| Graphite | `#0f1011` | Elevated card backgrounds, slightly lighter than the canvas to denote layering. |
| Deep Slate | `#161718` | Secondary elevated card backgrounds, providing another layer of visual hierarchy. |
| Charcoal Grey | `#23252a` | Borders and some shadowed card surfaces, framing elements with a subtle distinction. |
| Muted Ash | `#323334` | Subtle borders and dividers, indicating soft separations within the dark theme. |
| Gunmetal | `#383b3f` | Tertiary background elements and input borders, a darker neutral for functional elements. |
| Fog Grey | `#62666d` | Muted text for metadata, timestamps, and further de-emphasized content. |
| Storm Cloud | `#8a8f98` | Tertiary text, descriptive labels, and inactive states, recedes into the background for low-priority details. |
| Light Steel | `#d0d6e0` | Secondary text and borders, for less prominent information or structural lines. |
| Alabaster | `#e5e5e6` | Informational borders and subtle fills, often seen in code blocks or explanatory components. |
| Porcelain | `#f7f8f8` | Primary text and icons, providing strong contrast for readability against dark backgrounds. |
| Forest Green | `#008d2c` | Positive status indicators, success messages, and related iconography. |
| Emerald | `#27a644` | Success and completion states, often paired with green text. |
| Warning Red | `#eb5757` | Observed in icon fill, body borderColor, other fill. Extracted usage does not support a distinct primary control color. |

## Typography
| Family | Role |
|--------|------|
| Inter Variable | Primary UI typeface for all content including headings, body text, and interactive elements. Its variable weights provide a clean, modern aesthetic with strong technical readability. |
| Berkeley Mono | Monospaced font for code snippets, technical details, and certain data displays, ensuring consistent character alignment and technical clarity. |