In die Zwischenablage kopiert

Farbpalette

Unsere Farbpalette ist dynamisch und modern. Sie orientiert sich an den neusten Trends der Datenvisualisierung und das Farbspektrum ermöglicht eine Differenzierung zwischen Produkten, wobei auch die Lesbarkeit im Vordergrund steht.

Die folgenden Farbpaletten sind durch Ant Design inspiriert. Wenn Sie eine neue Farbe hinzufügen möchten, können Sie entweder eine aus den Ant Design Farbpaletten auswählen, oder das Farb-Generierungs-Tool verwenden und Ihren Vorschlag zur Genehmigung einreichen.

Welchen Farbwert verwenden Sie?

Es gibt drei verschiedene Werte für jede Farbe: HEX, RGBA, und CMYK. Wenn Sie im digitalen Bereich arbeiten, verwenden Sie entweder HEX oder RGBA Werte. Verwenden Sie CMYK ausschließlich für Projekte, die in gedruckter Form erscheinen sollen.

Ant Design Farben

01 Markenfarben

Wiser Blue - 6

Wiser Orange - 6

Wiser Navy - 6

02 Sekundärfarben

Unsere Sekundärfarben sind eine Erweiterung für unsere funktionalen Farben, die normalerweise für einfarbige Themen verwendet werden.

Dust Red - 6

Calendula Gold - 6

Wiser Green - 6

Daybreak Blue - 6

Geek Blue - 6

Golden Purple - 6

03 Neutrale Farben

Neutrale Farben werden für Texte, Muted States und Hintergründe verwendet.

Grau - Basisschriftart

Grau - Muted Button State

Grau - Hintergrund

04 Anwendungsfälle

Farbpaletten können verwendet werden, um Designs zum Leben zu erwecken. Wenn Sie Ihre Palette für ein Projekt auswählen, können Sie aus zwei Methoden auswählen: Marken- und einfarbige Themen.

Markenthema

Wenn Sie mit unserem Markenthema arbeiten, orientieren Sie sich bitte an unseren Kern-Markenfarben mit einigen Sekundärfarben. Dieses Thema hebt vertrauen und Schlichtheit hervor und wird normalerweise für Seiten oder Inhalte verwendet, die sich auf die Unternehmensmission und die Unternehmenskultur konzentrieren.

Wiser Homepage
wiser blue - 6 | wiser blue - 2 | Wiser Orange - 6

Blog Homepage
wiser blue - 6 | wiser blue - 1 | weiss

Einfarbige Themen

Unsere einfarbigen Themen werden verwendet, um unser modernes Design zum Leben zu erwecken und bestimmte Themen hervorzuheben, die für unser Business relevant sind, wie Produkte, Rollen oder Vordenkerpositionen.

Wiser dynamische Preisgestaltung Produktseite Screenshot

Dynamische Preisgestaltung Produktseite
geek blue - 2 | geek blue - 6 | geek blue - 10

Wiser Preisgestaltung Anwendungsfall Screenshot

Preisgestaltung Anwendungsfall-Seite
dust red - 1 | dust red - 6 | dust red - 10