App Styles

Übersicht aller Design-Tokens und UI-Komponenten des Systems.

Site Icons (Lucide) Colors

Farben

--color-bg

--color-bg-soft

--color-surface

--color-border

--color-primary

--color-primary-strong

--color-accent

Typografie

--font-heading Exo 2 – The quick brown fox

--font-body Jost – The quick brown fox jumps over the lazy dog

--font-code Source Code Pro – const hello = 'world';

Font-Size-Tokens

--font-size-s Token Größe S

--font-size-m Token Größe M

--font-size-l Token Größe L

--font-size-xl Token Größe XL

--font-size-xxl Token Größe XXL

Headline-Skala

H1 – Überschrift Ebene 1

H2 – Überschrift Ebene 2

H3 – Überschrift Ebene 3

H4 – Überschrift Ebene 4

H5 – Überschrift Ebene 5

H6 – Überschrift Ebene 6

Schatten

--shadow-soft

--shadow-panel

--shadow-float

--shadow-large

--glow-lime

--glow-blue

Border-Radii

--radius-sm

--radius-md

--radius-lg