> ## Documentation Index
> Fetch the complete documentation index at: https://docs.gitascii.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Design Tokens & Colors

> Colors, typography, spacing, and design system specifications from design.md

# Design Tokens & Colors

GitAscii’s visual language is inspired by zkPass aesthetic tokens and technical industrial consoles, balancing brutalist minimalism, high legibility, and neon Signal Lime accents.

## Color Tokens

```css theme={null}
:root {
  /* Core Canvas & Neutrals */
  --color-void-black: #000000;
  --color-carbon: #060606;
  --color-graphite: #252525;
  --color-onyx: #1f1f1f;
  --color-iron: #313131;
  --color-slate: #3d3d3d;
  --color-fog: #525252;
  --color-ash: #7a7a7a;
  --color-smoke: #8a8a8a;
  --color-pearl: #c5c5c5;
  --color-bone: #e5e5e5;
  --color-chalk: #ffffff;

  /* Signature Accents */
  --color-signal-lime: #c5ff4a;
  --color-olive-depth: #597321;
  --color-moss-shadow: #314013;
}
```

***

## Typography Hierarchy

| Font Family        | Weights             | Intended Use                                  |
| :----------------- | :------------------ | :-------------------------------------------- |
| **PT Serif**       | `300`               | Elegant display titles, editorial headings    |
| **Inter Tight**    | `400`, `500`, `600` | Interface text, card titles, status tags      |
| **JetBrains Mono** | `400`, `500`, `600` | Monospace code, metadata, coordinates, labels |