This document covers the palette, typography, and interactive-state rules applied
to the operator portal (axeskills_operator_portal.py), and the brand law from
the v7 booklet that constrains all future work on these surfaces.
Sampled from the brand booklet's own embedded colour planes — not retyped by eye.
| Token | Hex | Use |
|---|---|---|
--ink | #0E0C0B | Body copy, icon strokes, dark ground |
--bone | #F1EBE1 | Type on dark ground, cube on dark ground |
--oxblood | #4B0712 | Interactive fills, borders, stat rules |
--olive | #3B3E2E | Cube backing face, secondary fills |
--paper | #FBFAF7 | Page background |
--signal-red | #D31932 | Alerts only — never decoration |
Instrument Serif — the same face the cube's own A/x/e letterforms are set in.
Applied to h1 headings and stat figures only. Body copy uses a neutral sans
(system-ui, sans-serif).
Fallback stack: 'Instrument Serif', Didot, 'Bodoni 72', Georgia, serif.
Active and selected states use a solid oxblood fill with bone type — never
an outline or a border-only treatment. This mirrors the brand law that the cube
is always solid.
/* Example — navigation segment, active item */
.seg a.on { background: var(--oxblood); color: var(--bone); }
The header mark is an inline SVG cube (_CUBE_SVG in axeskills_operator_portal.py),
bone faces on an ink-stroked isometric grid, identical in geometry to the
favicon. The previous implementation used a CSS-bordered square, which was a
brand violation. The SVG draws edge lines (stroke #0E0C0B, width 0.8) to
define the isometric geometry; this is not the "outlined" treatment the brand law
prohibits — the prohibited treatment is a border drawn around the outside of the
solid form.
These rules apply to every future surface.
when a single colour is allowed.
Note on the 18 mm minimum: this is a print rule. No settled screen
equivalent has been defined. The operator portal currently renders the mark at
26 px. Whether 26 px satisfies the intent of the print rule is an open
question — do not claim it is compliant until a screen minimum is agreed.
Clear space is one cap-height of the A on every side.