EBS · Concept D — Control Room
Internal · 18 August 2026
Design system
as built — concept D
Every token, face and interval “Control Room” actually ships, measured off the running page. North star: a light operations console: paper ground, dark instrument chrome, one federal blue.
- Deliverable
- D - Control Room.html
- Measured
- 18 August 2026 · computed-style probes in the preview browser
- Brand
- Client (EBS) · presented via trevor.marketing
Color
01
Palette, with measured contrast
All three concepts derive from the three colors sampled off the real EBS logo (blue #25468F, gray #828485, green #61BC49) — never from the old site's Elementor theme. Ratios below are measured on this concept's own grounds.
--paper
#f4f5f6
—
Page ground (light)
--tx
#14181d
16.33:1
Headings on paper
--tx-2
#4a5158
7.37:1
Body on paper
--dark
#0d1116
—
Instrument chrome: hero, readouts
--on-dark
#eef1f4
17.39:1
Ink on the chrome
--blue
#25468f
8.93:1*
EBS blue — buttons, links. *white text on it
--green
#61bc49
2.30:1
EBS green — FILL AND DOT ONLY on this ground, never text (verified: zero green-text elements render)
The green rule, verified
EBS green is 2.30:1 on light grounds and ~7.3:1 on the dark ones. On this concept that means: fill and dot only — never text. Probed live: zero elements render green text.
Type
02
Faces and roles
Rendered in the real faces (all Google Fonts, embedded in the site as woff2 subsets: 8 woff2 subsets, 177 KB (Space Grotesk 300/400/500 · Martian Mono 400/500)).
Forty lines. Two offices.
Martian Mono 500 · uppercase53.3px / 1.16 · +.02emH1, on the dark chrome — the console voice carries the headline
Forty lines. Two offices.
Space Grotesk 30057.6px / 1.02 · −.025emSection headlines on paper
Forty lines. Two offices.
Space Grotesk 40016.2px / 26pxLedes and body
Forty lines. Two offices.
Martian Mono 500 · uppercase10.5 · +.14empx Eyebrows, buttons, stat labels, the pull quote
Geometry
03
Shape, spacing, rules
- Buttons: 999px pill · 44px tall · Martian Mono 10.5px uppercase
- Gutter: clamp(18px, 3.2vw, 44px)
- Rules: #d9dcdf / #e6e8ea on paper — a two-step hairline ladder
Components
04
The parts, re-rendered from measured values
The concept is a single-file build, so these specimens are re-rendered here from the measured values rather than sharing its stylesheet. Every number came off the running page.
Button
Start a project
Readout chrome
40 MANUFACTURER LINES
Eyebrow
Who we are
Green as a dot, never text
Sales desk — local time
Motion
05
Timing and guards
| What | Measured |
|---|
| Button hover | 0.18s · background, color, border |
| Keyframes | 4 (ticker, clock pulse, reveal support) |
| Reduced motion | handled — 2 @media blocks |
| Focus | :focus-visible styled, 4 rules |
Honesty
06
Where the build and the intent disagree
| Where | What ships | Consequence | Debt or decision |
|---|
| Stat values | Zero-padded (“02 offices”) | Console affectation | Decision — part of the concept's voice |
| H1 face | The label face (Martian Mono) carries the headline | Deliberate: the console voice IS the brand of this concept | Decision |
| Green on light | 2.30:1 — spec says fill/dot only | Verified: zero green-text elements render | Holds |
Measured from the shipped build, not a spec
Probes: getComputedStyle + WCAG ratios in the running page
18 August 2026