Markenrichtlinien
Alles, was du brauchst, um Spoki einheitlich zu repräsentieren.
Farbpalette
Unsere Palette baut auf dem Spoki-Grün und einem sauberen Set unterstützender Farbtöne auf. Klicke auf eine Farbprobe, um ihren Hex-Code zu kopieren — dieselbe Quelle der Wahrheit, die im gesamten Produkt verwendet wird.
Klicke auf eine Farbprobe, um den Hex-Code zu kopieren
Primärfarben
Dies sind die wichtigsten neutralen, Marken- und semantischen Farben, die die Mehrheit der im Design-System und in den Komponenten verwendeten Farben ausmachen.
Spoki Green
Schwarze Schrift auf Grün
White
Schwarze Schrift auf Weiß
Black
Weiße Schrift auf Schwarz
Off-white
Schwarze Schrift auf Off-White
Light Green
Schwarze Schrift auf Hellgrün
Tönungen
Die vollständigen Tonskalen für das Marken-Grün und das neutrale Grau, vom tiefsten bis zum hellsten Ton. Klicke auf eine Farbprobe, um ihren Hex-Code zu kopieren.
Grau neutral
Kann mit der Standard-Neutralfarbe ausgetauscht werden.
Marke
Primäre Farbpalette
Verläufe
Drei genehmigte Verläufe für Hintergründe, Illustrationen und KI-thematisierte Flächen. Klicke auf eine Farbprobe, um ihr CSS zu kopieren.
Sekundärfarben
Eine sekundäre Farbpalette ergänzt die Primärfarben in einem Design-System und sorgt für Abwechslung und Tiefe. Diese Farben dienen als Akzente, Hintergründe oder Hervorhebungen und erhalten ein kohärentes Design bei gleichzeitiger Förderung des kreativen Ausdrucks.
Lila
Sekundäre Farbpalette
Minzgrün
Sekundäre Farbpalette
Gelb
Sekundäre Farbpalette
Blau
Sekundäre Farbpalette
Türkis
Sekundäre Farbpalette
Rot
Sekundäre Farbpalette
Farbpalette der Kanäle
Jeder Spoki-Kanal hat seine eigene Signaturfarbe. Verwende sie als Akzente für Kanal-Badges, Tags und Icons — nie als primäre Flächen.
Kanäle
Kanal-Nutzung
Schwarzes Icon auf Grün
Schwarzes Icon auf Weiß