dollyVision / design system / part One Hestia Media Group

The ground the system stands on.

Four rules, two paired surface sets, the tool type scale, the focus indicator, and the contrast audit that keeps them honest.

00
Ground rules

Four rules the whole system rests on

Rule 01 · amber allocation

Signal Amber means something changed underneath you — regression, drift, live-differs, a stalled poll. It is not the severity scale. Severity is a measurement; regression is an alarm. Roughly 5% of any screen.

Rule 02 · non-color redundancy

Every severity, status, staleness and confidence encoding carries a glyph or shape and a text label. Colour is the third channel, never the first. The tool that audits colour dependence cannot depend on colour.

Rule 03 · solid states, dashed advisories

A solid border means the value is written to the version record. A dashed border means advisory — recheck results, Jira mirrors, reserved statuses. The border tells you what has authority.

Rule 04 · extensible enums

Status is drawn from an open set. Two reserved slots (needs-review, accepted-risk) are specified now so Theme E lands without a redesign.

01
Foundations

Surfaces, paired

Light is Hestia's warm paper, unchanged. Dark is an extension authored here — Hestia's guide defers it to phase two. Both hold AA at every pairing shown.

Light — tool
surface / page#FAF8F4
surface / raised#FFFFFF
surface / recessed#F2EEE6
border / hairline#E3DED5
border / chip#8E8577
text / primary#111417
text / secondary#62676C
accent / system#1B3A5B
accent / resolved#12615E
accent / signal#C77D2E
Dark — tool · authored here
surface / page#0F1214
surface / raised#171B1F
surface / recessed#0B0E10
border / hairline#262B30
border / chip#666E76
text / primary#F0EDE7
text / secondary#8E9499
accent / system#6FA0CE
accent / resolved#4FA9A2
accent / signal#E0A05A

Type — the tool scale is denser than the marketing scale

Same three families. Hestia's 16px body and 56px display are built for a landing page; an operator reading four hundred findings needs 13px rows. The display serif survives in one place only — summary statements and empty states.

statement · 34/40 serif No findings regressed.
h1 · 26/34 semibold Northwind Retail — version 4
h2 · 20/28 semibold Manual re-validation
h3 · 16/24 semibold Evidence
body · 14/22 Interactive control has no accessible name.
body-sm · 13/20 · table rows /checkout/payment — 12 findings, 3 regressed
label · mono 11/16 · +4% 03 / system loop · frozen sample
data · mono 11/16 · ids DV-4A81-0117 · 2026-08-08T09:14:22Z

Focus appearance — SC 2.4.13, AAA, every surface

A tool that audits focus states has to demonstrate one. The indicator is a 2px perimeter ring plus a 1px contrast collar, so it survives on paper, on white cards, and on the ink surfaces without a second variant.

Push to Jira Mark fixed
2px ring · 1px collar · ≥ 3:1 vs both adjacent · perimeter, never obscured
Push to Jira Mark fixed
Same geometry, lightened accent · collar takes the page colour
05
Contrast audit

Every rendered pairing, measured

Ninety token pairings were enumerated by hand, then every text node on this page — 658 of them — was swept against its real composited background, walking up the stack through each translucent layer rather than trusting the token value. All pass WCAG 2.1 SC 1.4.3 at 4.5:1 for text and SC 1.4.11 at 3:1 for the borders that carry state. Five token values moved to get there, and one cell needed an opaque base.

Lowest text pairing
4.53:1
ink on the signal fill, in the focus map
Lowest non-text pairing
3.14:1
neutral chip border on recessed
Failures
0
light and dark, text and non-text
TokenWasNowWhy it moved
text / secondary #6B7075 #62676C 4.32:1 on the recessed surface — the one light background it never cleared.
text / signal #C77D2E #8F5617 Signal Amber is a 3.28:1 text colour. It stays the fill and the token swatch; the label takes a darkened variant.
border / chip · light #E3DED5 #8E8577 Solid-versus-dashed is how the system says “authoritative” — a required state, so the border needs 3:1.
border / signal #C77D2E #B26E24 Signal Amber reads 2.84:1 as a border on the recessed surface. The fill and the swatch keep the Hestia value.
border / chip · dark #262B30 #666E76 Same rule on the dark theme, where the old value sat at 1.21:1 against the raised surface.
Two borders, one hairline

Hestia's Grid Line (#E3DED5) survives untouched as the decorative hairline — table rules, card edges, section dividers. Those are exempt from 1.4.11: no information is lost if they disappear. The moment a border becomes the thing that tells you a chip is authoritative rather than advisory, it stops being decoration and moves to the chip token. Both are in the specimen above, and the distinction is the reason the page still looks like Hestia after the audit.

Audited 2026-08-08 · 90 token pairings + 658 rendered text nodes · every translucent layer composited to its opaque base before measurement · SVG fills enumerated by hand, not by computed style · AAA targets met where the brief sets them: 2.4.13 focus, 1.4.6 report body at 18.5:1