# 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

Urbanist for headlines and body (headlines at 560, body at 500), same as Bank W. A system monospace stack for commands, paths and code.

## 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.