DESIGN SYSTEM
Talos Design System
The colors, typography, and components that power the Talos rebuild.
Colours
Surfaces
Canvas
#FDFDFC
Surface
#FFFFFF
Surface Tint
#F0EFED
Line
#E5E3E0
Inverse
#0A0A0A
Text
Ink
#0A0A0A
Ink Secondary
#535250
Ink Muted
#888784
On Dark
#FFFFFF
Accents
Primary
#0A0A0A
Primary Hover
#1F1F1E
On Primary
#FFFFFF
Success
#3A6278
Typography
Display · 60px
Turn what you know into what you earn
H1 · 52px
Turn what you know into what you earn
H2 · 40px
Turn what you know into what you earn
H3 · 32px
Turn what you know into what you earn
H4 · 28px
Turn what you know into what you earn
Body Large · 20px
Turn what you know into what you earn
Body · 16px
Turn what you know into what you earn
Body Small · 14px
Turn what you know into what you earn
Caption · 12px
Turn what you know into what you earn
Eyebrow · 12px
Turn what you know into what you earn
Button · 16px
Turn what you know into what you earn
Stat · 32px
Turn what you know into what you earn
Label · 14px
Turn what you know into what you earn