Branding Kit← ZURÜCK

Aktuelle Farben

Alle Farben, die App und Website gerade verwenden — Quelle: app/globals.css. HEX per Klick markierbar. Hell = :root, Dunkel = .dark, Landing = .lp.

Akzente

in Hell- und Dunkel-Modus identisch

accent-primary#E07A50Primär-Akzent (Buttons, Links)

accent-primary-soft#FBE6DA

accent-secondary#C98A84

accent-secondary-soft#F7E5E1

accent-amber#E6A23C

accent-amber-soft#FBEBCD

accent-blush#E59C85

accent-blush-soft#FBE8DF

destructive#B5462F

Status

in Hell- und Dunkel-Modus identisch

status-info#7C93A7

status-info-soft#E7EDF2

status-success#6F9A5C

status-success-soft#E7EFD9

status-warning#DC9E2C

status-warning-soft#FBEBC8

App · Hell-Modus

Flächen, Ränder & Text (:root)

bg-app#FBF5EEApp-Hintergrund

bg-surface#FFFFFFCards

bg-surface-muted#F5ECE1

bg-elevated#FFFEFB

bg-sidebar#F6EDE2

border-default#E9D8C4

border-subtle#F1E6D7

text-primary#2E2721

text-secondary#6F6053

text-tertiary#A28E78

App · Dunkel-Modus

Flächen, Ränder & Text (.dark)

bg-app#1F1B16App-Hintergrund

bg-surface#2A2520Cards

bg-surface-muted#322C25

bg-elevated#2F2922

bg-sidebar#211D18

border-default#463E33

border-subtle#3A332B

text-primary#F4EDE2

text-secondary#C9BCA6

text-tertiary#9C8B73

accent-primary-soft#4A2E1Fabweichend zu hell

accent-secondary-soft#2E3526abweichend zu hell

Landingpage

eigene Editorial-Palette (.lp)

lp-ink#221C17dunkle Sektionen

lp-ink-soft#2E2720

lp-cream#F4EADCText auf Dunkel

lp-line#3C332BTrennlinien

lp-muted#A2917Dgedämpfter Text

Schriften

Nunito — Display & Body (App + Website)

Marketing-Autopilot

Der schnelle braune Fuchs springt über den faulen Hund. 0123456789

Fraunces — Serif-Akzent (Landing)

schreibt sich selbst.

IBM Plex Mono — Labels (Landing)

(01) — DER MARKETING-AUTOPILOT · EST. 2026