FarbenColours
Souveränes Kobalt mit Social-Heritage, humanisiert durch warme Koralle. Limette bringt Energie — sparsam. Alles flach, kräftig, lesbar. Keine Verläufe.A confident cobalt with social heritage, humanised by warm coral. Lime brings energy — used sparingly. Everything flat, bold, legible. No gradients.
Ruhige Flächen tragen die kräftigen Farben.Calm surfaces carry the bold colours.
Die Creme #FAF9F6 ist der durchgehende Hintergrund des Hubs — nie reines Weiß. Weiß ist Karten und Flächen vorbehalten, die sich von der Creme abheben.Cream #FAF9F6 is the hub's constant background — never pure white. White is reserved for cards and surfaces that lift off the cream.
Eine Skala je Farbe — konsistent über alle Touchpoints.One scale per colour — consistent across every touchpoint.
Tailwind-kompatible Schritte von 50 bis 950. Der markierte Schritt ist der Markenwert — nutze ihn als -600-Referenz in Code und Design-Tokens. Tippen zum Kopieren.Tailwind-compatible steps from 50 to 950. The marked step is the brand value — use it as the primary reference in code and design tokens. Tap to copy.
Kobalt führt. Koralle wärmt. Limette blitzt.Cobalt leads. Coral warms. Lime sparks.
Trägt die Marke: Flächen, App-Icon, Buttons, Header. Das souveräne Fundament.Carries the brand: surfaces, app icon, buttons, headers. The confident foundation.
Aktivität & Wärme: Reaktionen, Live-Momente, ein menschlicher Akzent.Activity & warmth: reactions, live moments, a human accent.
Energie-Funke: Stern-Bursts und Formen in der Bildwelt. Niemals unter Text.Energy spark: star-bursts and shapes in imagery. Never under text.
Lesbar für 14 bis 75.Legible for 14 to 75.
Über die gesamte Altersspanne hinweg gilt: starker Kontrast, keine zarten Grautöne für wichtige Texte. Geprüfte Paarungen:Across the whole age range: strong contrast, no faint greys for important text. Tested pairings: