# Lorx — brand spec

Lorx uses the same design system as the Bank W. site: the same components, spacing, radii, glow field and dark theme. Only the tokens, copy and product visuals change.

## Tokens (light / dark), from `site/css/lorx.css`

| Token | Light | Dark |
|---|---|---|
| `--bg` | `oklch(0.991 0.001 286.4)` | `oklch(0.16 0.012 205)` |
| `--surface` | `oklch(1 0 0)` | `oklch(0.21 0.014 205)` |
| `--fg` | `oklch(0.235 0 0)` | `oklch(0.955 0.006 200)` |
| `--muted` | `oklch(0.53 0.02 220)` | `oklch(0.72 0.02 205)` |
| `--border` | `oklch(0.935 0.01 200)` | `oklch(0.30 0.016 205)` |
| `--accent` (Lorx green) | `oklch(0.56 0.15 158)` | `oklch(0.6 0.15 158)` |
| `--tint` (mint panels) | `oklch(0.972 0.013 165)` | `oklch(0.19 0.02 190)` |

The glow field runs emerald, teal, mint, peach and lime, in place of Bank W.'s violet, periwinkle, lilac, peach and pink.

## Type

- **Marketing site:** Urbanist for headlines and body (headlines at 560, body at 500), same as Bank W. JetBrains Mono for the terminal demos.
- **The app** (dashboard, repositories, change requests, runs, settings): Geist at 400 for the interface, 600 for emphasis, with tabular numbers for counts, durations and tables. Geist Mono for code, diffs, logs, hashes, branch names and IDs. Both are SIL OFL 1.1 (`fonts/GEIST-OFL.txt`).
- The Lorx wordmark stays in Urbanist everywhere, so the brand carries into the app.

Why two families: Urbanist's round geometric shapes suit big marketing headlines, but in dense lists `l`, `I` and `1` and `0` and `O` get too close. A version-control UI is mostly short labels, IDs, hashes and numbers, so it needs a neutral grotesque with a matching mono.

## Logo

An "L" drawn as a commit graph inside an open ring: the trunk, a branch that merges back, and a node at each end. It uses the same stroke weights as the Bank W. mark. Files: `site/press/lorx-logo.svg`, `site/press/lorx-mark.svg`.

## Rules

1. One accent. Green fills the primary button, the violet-slot cards and the open FAQ answer.
2. Product visuals are real forge objects: runs, findings, change requests, terminals. No stock illustrations.
3. Copy names the real thing: `git push --mirror`, `bit run ci`, `.lorx/review.yml`.
4. No invented usage numbers. Cloud pricing stays marked `[TBA]` until it's decided.