The mark
Tile for app icons, glyph for inline use — the glyph takes its colour from the text colour around it.
Colour
Every ramp reads the same way: a higher number is darker or stronger. There is no bare bg-brand — naming the step is the point.
Surface
surface-0
surface-100
surface-200
surface-300
surface-400
surface-500
surface-800
surface-900
Stroke
stroke-100
stroke-200
stroke-300
stroke-400
Ink
ink-0
ink-500
ink-700
ink-800
ink-900
brand
brand-100
brand-200
brand-300
brand-500
brand-700
danger
danger-100
danger-200
danger-300
danger-500
danger-700
warn
warn-100
warn-200
warn-300
warn-500
warn-700
caution
caution-100
caution-200
caution-300
caution-500
caution-700
success
success-100
success-200
success-300
success-500
success-700
info
info-100
info-200
info-300
info-500
info-700
graphite
graphite-100
graphite-200
graphite-300
graphite-500
graphite-700
Confidence tiers
The comp engine names a colour family per tier rather than carrying a hex, so a tier can be recoloured here and nowhere else.
1 · HIGH2 · MED-HIGH3 · MED4 · LOW5 · NO COMPS
Badges
branddangerwarncautionsuccessinfographite
branddangerwarncautionsuccessinfographite
branddangerwarncautionsuccessinfographite
Buttons
Numerals
Any number that is a data value is mono and tabular. Labels stay in Outfit.
Median rent
$1,845
Median DOM
38
Comps
12