Journey 1 · Internal

Design System

Color tokens

Brand
Brand Deep
Surface Dark
Surface Black
Bg Soft
Bg Stone
Line
Text Muted
Text Subtle
Success

Typography — DM Sans

Section Title
Block Title
Eyebrow label
Body text — DM Sans Regular. Sportzfreunde verbindet Sportler in Köln durch cross-sportliche Turniere.
Muted — secondary information
Subtle — tertiary, placeholders

Buttons — light background

External ↗

Buttons — dark background

Section surface="light" — white bg, navy text

Section surface="dark" — navy bg + yellow glow, white text

Section surface="black" — pure black + yellow glow, white text

Cards — light context

Light + hover
White bg, navy border, shadow on hover
Light (static)
No hover effect

Cards — dark context

Dark + hover
Translucent, yellow border on hover
Glass dark
Navy glass + yellow border + glow
Glass yellow
Yellow-tinted panel (Liga chapters)