Tokens & Bausteine
Alle Design-Tokens, beide Schriften und die wichtigsten Komponenten auf einer Seite.
Paper & Ink
paper
#F5F3EE
paper-warm
#EFEAE0
ink
#0D0D0D
ink-soft
#2D2D2D
Brand
space-cyan
#2BB8C4
space-gold
#B8923A
cyan-hover
#229BA6
cyan-pressed
#1A7E87
Surfaces & Borders
surface-1
#FFFFFF
surface-2
#EFEAE0
surface-3
#E4DED2
border-subtle
#E0DACE
border-strong
#C7BFAE
Text
text-secondary
#4A4A4A
text-muted
#8A8578
Status
success
#2F9E5B
warning
#C28A12
danger
#C84A3D
Instrument Serif — font-display
XS · Display 12px
Base · Display 16px
XL · Display 20px
2XL · Display 24px
4XL · Display 36px
Eine Bühne, vier Stimmungen.
Display 72
Bitcount Mono Single — font-mono-stamp
[ XS ] · STAMP 10
[ SM ] · STAMP 12
[ BASE ] · STAMP 14
[ LG ] · STAMP 16 CYAN
[ XL ] · STAMP 20
[ 3XL ] · STAMP 30
Work Sans — font-sans (UI / Body)
XS Light — Work Sans 12
SM Regular — Work Sans 14
Base Medium — Work Sans 16
LG Semibold — Work Sans 18
XL Bold — Work Sans 20
Default Size
Large Size
Mit der Maus über die Karte fahren — die Border wechselt auf Cyan und ein weicher Cyan-Glow legt sich darunter.