Overview
Audit
Where heyrav.in drifts from this system today. Measured against the four shipped pages and the tools kit on 29 Oct 2026, ordered by how visible the fix is.
Fix first
| Where | Today | System |
|---|---|---|
| Nav logo, all pages | Ships the old stacked "R." mark (assets/brand/mark.webp) | The new identity is the swash lockup and the master D, as vector SVG - see Brand. |
| Case pages, case links | Still carry the old arrow-in-a-ring link, per project notes | One button form: .btn-primary / .case-link. |
| Mono label sizes | .ann i at 10px, .ev-cap i at 10.5px, .pull .mono hardcoded 12px | Every mono label is --t-label (12px). |
| Label tracking | Seven values: .06, .1, .12, .14, .16, .18, .2, .24em | Two: .14em for labels, .24em for the section label only. |
Tokenise next
| Where | Today | System |
|---|---|---|
| Transitions | Literal durations: .2, .25, .3, .32, .45, .5, .95s | --d-fast 200 · --d-base 250 · --d-move 320 · --d-slow 450 · --d-reveal 950 |
| Easing | cubic-bezier(.22,1,.36,1) written out ~20 times | --ease-out, --ease-io, --ease-snap |
| Spacing | Literal px, many off the 4px grid (10, 14, 18, 22, 26, 30, 34, 38) | --s-* scale on a 4px base. Round to the nearest step when a section is next touched. |
| Nav type | font-size:13px | Kept as a documented exception; --t-ui (14px) for any new dense UI. |
| Z-index | Literals 0 / 5 / 10 / 15 / 20 / 25 / 30 / 40 / 60 | --z-* tokens with the same values, plus overlay (50) and toast (70). |
Reconcile
| Where | Today | System |
|---|---|---|
| Body copy colour | Case pages use --ink-body (#5c5c5c); the home page sets prose in --mut | Long-form prose: --ink-body. Secondary/supporting lines: --mut. |
| Tools stage grey | --wash:#f5f5f5 | Aliased to --surface-2 (#f4f4f4) - one grey, 1.004:1 apart. |
| Containers | 1180px home, 1080px case pages | Intended: --wrap for browsing, --wrap-read for reading. |
case-irbs.html | Dead .serif{} rule; no markup uses it | Delete. |
Not on the site yet
Dark theme, status colours, and every component labelled Spec. They are defined so the next page that needs a form, a dialog or a toast starts from the system instead of from a blank file.