Web design system. Black and white carry the structure; deep signal red marks the single most important action on a view; signal yellow is reserved for caution and highlight.
ANALYTICS|APPLICATIONS|AUTOMATION|AGENTICS
01
Colour
Ink
#0B0B0B
Ink 60
#45423D
Muted
#8A857C
Line
#DCD8D0
Canvas
#F1EFEA
Paper
#FFFFFF
Signal Red
#C0111B
Red Press
#96070F
Red Tint
#FBE9EA
Signal Yellow
#FFC400
Yellow Tint
#FFF6D6
Success
#157F3D
One red per view. If two things on a screen are red, neither is the action. Yellow never carries text at small sizes — use it as a fill behind ink, or as a 4px rule.
02
Typography
DISPLAY / 56 / 600
Analytics that ship
H1 / 40 / 600
Pipelines, not slide decks
H2 / 28 / 600
Section heading
H3 / 20 / 600
Subsection heading
BODY / 16 / 400
Body copy runs at 16 over 1.7 on a measure of about 620 pixels. Long-form pages hold the same measure; dense product views drop to 15.