Marke
SquareOne Styleguide
Farben, Schriften und Logo-Varianten, die die gesamte Seite konsistent halten.
01 — Farben
Farbpalette
Ink
--primary
oklch(0.31 0.013 60)
Cream
--background
oklch(0.977 0.011 84)
Sand
--sand
oklch(0.955 0.021 82)
Clay
--clay
oklch(0.878 0.036 62)
Sky
--sky
oklch(0.812 0.055 240)
Sky Soft
--sky-soft
oklch(0.9 0.037 240)
Muted
--muted
oklch(0.947 0.014 85)
Border
--border
oklch(0.9 0.014 85)
02 — Typografie
Schriften & Hierarchie
Display — Marcellus
Aa
Health is happiness
H1–H4, große Aussagen
Body — Jost
Aa
Fließtext, Navigation und Buttons. Versalien mit Sperrung für kleine Labels.
Eyebrow / 0.28em
Accent — Dancing Script
Aa
one
Nur für Akzente in Logo und Titeln.
03 — Logo
Logo-Varianten
Horizontal
Gestapelt
Bildmarke
Wortmarke
04 — Elemente
Buttons & Labels
PrimarySkyOutlineEyebrow chip
Radien: Pillen für Aktionen, 1.5rem für Karten. Abstände in 4er-Schritten.