# cryptiq — brand kit

Canonical logo assets for **cryptiq**. Open **`index.html`** for the visual guidelines page (colours, type, usage, and one-click SVG downloads).

**You are the key.** · Post-Quantum · Anti-AI Technologies

## Core tokens
| token | hex | use |
|---|---|---|
| teal | `#2ec4b6` | the one accent |
| slate | `#161a1f` | primary background |
| floor / void | `#0f1318` / `#0a0c0f` | deeper panels |
| near-white | `#eef1f5` | text on dark |
| muted / dim | `#8a97a6` / `#4e6070` | secondary / lines |
| alert | `#e05555` | errors only |

**Type:** DM Sans (wordmark lowercase, headings 500–700) · Courier New (UPPERCASE tags, wide tracking).

## Assets  (`svg/` = vector source · `png/` = 2× transparent raster)
**Marks — the key, no name**
- `cryptiq-key-teal` — primary, works on dark or light
- `cryptiq-key-white` — for dark / photographic backgrounds
- `cryptiq-key-slate` — solid `#161a1f`, single-colour on light

**Lockups — key + wordmark**
- `cryptiq-lockup-h-dark` / `-light` — horizontal
- `cryptiq-lockup-stacked-dark` / `-light` — stacked

**Wordmark only**
- `cryptiq-wordmark-white` / `-slate`

**App icon / avatar (with background)**
- `cryptiq-badge-rounded` — rounded-square app icon
- `cryptiq-badge-round` — circular avatar

**`icons/`** — ready favicons & app icons: `favicon-{16,32,48,180,192,512,1024}.png` (from the badge) + transparent `key-{256,512,1024}.png`.

## Rules
- Wordmark is **always lowercase** "cryptiq" — never all-caps, never a coloured single letter.
- Teal `#2ec4b6` is the **only** accent. The retired mint `#2bffb1` is not the brand.
- Give the mark clear space ≥ the width of the key head; never below 24 px / 8 mm.
- Never stretch, rotate, or redraw the key — it's a fixed canonical path.

## Rebuild
```bash
python3 generate.py     # writes svg/ + png/
python3 build_page.py   # writes index.html
```
The DM Sans latin subset is base64-embedded in every SVG (`dmsans-latin.b64`) so assets render identically offline, in-browser, and in Illustrator.
