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.