Signal Desk
Editorial hierarchy stays strict
Teams evaluate AI systems not only by quality, but by auditability, rollback speed, and operational clarity.
“Consistency is not visual sameness, it is predictable decision flow.”
Market Pulse 64
P04-MPZ01 · Foundation Build
Intro
Pure black and pure white as base. Accent remains controlled via Radix Teal and is only used for interaction and hierarchy.
foundation
Typography
foundation
Heading Block
Policy, Platform, Product
One reusable heading pattern for section intros: kicker, clear title, short supporting dek, and compact metadata row.
foundation
Color Scheme
Toxic Colorway
Available palette tokens (1-12) for Light and Dark mode
Generated from the toxic scale and mapped to WCAG-safe brand usage for our current system direction.
Light Scale
toxic-1
#fafefd
toxic-2
#f3fbf9
toxic-3
#e0f8f3
toxic-4
#ccf3ea
toxic-5
#b8eae0
toxic-6
#a1ded2
toxic-7
#83cdc1
toxic-8
#53b9ab
toxic-9
#12a594
toxic-10
#0d9b8a
toxic-11
#008573
toxic-12
#0d3d38
Dark Scale
toxic-dark-1
#0d1514
toxic-dark-2
#111c1b
toxic-dark-3
#0d2d2a
toxic-dark-4
#023b37
toxic-dark-5
#084843
toxic-dark-6
#145750
toxic-dark-7
#1c6961
toxic-dark-8
#207e73
toxic-dark-9
#12a594
toxic-dark-10
#0eb39e
toxic-dark-11
#0bd8b6
toxic-dark-12
#adf0dd
WCAG-Ready Semantic Pairs
Light foreground
AAA · 12.06:1fg#0d3d38
bg#ffffff
Light primary action
AA · 4.56:1fg#ffffff
bg#008573
Dark foreground
AAA · 14.35:1fg#adf0dd
bg#0d1514
Dark primary action
AAA · 10.15:1fg#0d1514
bg#0bd8b6
components
Buttons
Variant State Matrix
Variant Default
Primary
default
hover
active
focus-visible
disabled
Secondary
default
hover
active
focus-visible
disabled
Tertiary
default
hover
active
focus-visible
disabled
Quaternary
default
hover
active
focus-visible
disabled
Variant Accent
Primary
default
hover
active
focus-visible
disabled
Secondary
default
hover
active
focus-visible
disabled
Tertiary
default
hover
active
focus-visible
disabled
Quaternary
default
hover
active
focus-visible
disabled
Variant Mixed
Primary
default
hover
active
focus-visible
disabled
Secondary
default
hover
active
focus-visible
disabled
Tertiary
default
hover
active
focus-visible
disabled
Quaternary
default
hover
active
focus-visible
disabled
All Variants
| Variant | Primary | Secondary | Tertiary | Quaternary |
|---|---|---|---|---|
| Default | ||||
| Toxic | ||||
| Mixed |
Default Focus Check
| Type | Default | Focus Visible |
|---|---|---|
| Primary | ||
| Secondary | ||
| Tertiary | ||
| Quaternary |
All Focus States
| Variant | Type | Focus Visible |
|---|---|---|
| Default | Primary | |
| Default | Secondary | |
| Default | Tertiary | |
| Default | Quaternary | |
| Toxic | Primary | |
| Toxic | Secondary | |
| Toxic | Tertiary | |
| Toxic | Quaternary | |
| Mixed | Primary | |
| Mixed | Secondary | |
| Mixed | Tertiary | |
| Mixed | Quaternary |
foundation
Form Primitives
foundation
Card + Divider
Story Card
Baseline surface for editorial modules.
Utility Card
Higher surface separation with minimal contrast.
Signal Card
Hover and focus-within driven by accent semantics.
Horizontal divider in content flow
Accent rule as chapter separator