KI-gestützte Cyberangriffe: Wie man intelligente Bedrohungen erkennt, verhindert und abwehrt

Jetzt lesen
Wir verwenden künstliche Intelligenz für Website-Übersetzungen, und obwohl wir uns um Genauigkeit bemühen, kann es sein, dass sie nicht immer 100%ig präzise sind. Wir danken Ihnen für Ihr Verständnis.

Farben

Unsere Farbpalette ist in unserer Geschichte verwurzelt und bildet die Grundlage für unser Erscheinungsbild. Sie kann eingesetzt werden, um einen mutigen, selbstbewussten Auftritt zu zeigen oder eine klare Expertise zu vermitteln.

Unsere Farbpalette wurde so gestaltet, dass sie eine Vielzahl von visuellen Szenarien und Medien unterstützt und dabei eine klare Konsistenz aufweist. Tönungen, Transparenzen oder opake Werte der Palette sollten vermieden werden. Halten Sie sich stattdessen an die angegebenen Farbtöne.


Primäre

Unsere primäre Palette bildet den Großteil unserer kreativen Arbeit und sollte die stärksten Farbtöne in jedem Stück darstellen.


Schattierungen

Für mehr Flexibilität sind die 3 Hauptfarbpaletten in verschiedenen Farbwerten erhältlich. Verwenden Sie die Farbtöne so, wie sie sind, ohne sie abzutönen oder Transparenz hinzuzufügen.

Schwarz & Weiß

Neutrale Farbtöne

Blaue Farbtöne


Akzente

Zur Akzentuierung unserer primären Palette haben wir auch eine Reihe von elektrischen Paletten, um Bewegung zu vermitteln und die Aufmerksamkeit auf bestimmte Bereiche zu lenken. Akzentfarben sollten nie als große Farbkleckse verwendet werden und weniger als 5 % des Layouts ausmachen.

Technologie Teal

Sicherheit Grün

Gefahr Rot

Warnung Orange

Vorsicht Gelb

Bildung Lila


Verwendung und Kontext

Die sorgfältige Auswahl der Farbe und ihres Kontexts ist entscheidend für die Gestaltung der kreativen Erzählung, das Hervorrufen von Emotionen und die Gewährleistung der visuellen Harmonie zwischen den Designelementen. Verwenden Sie die Schriftfarbe, um ein angenehmes Leseerlebnis zu schaffen, und verwenden Sie Farben, die zum Handeln anregen. Verwenden Sie niemals eine Aktionsfarbe als Überschrift. Reservieren Sie Blau für Aktionen und Links und vermeiden Sie die Verwendung für statische Schriften. Beachten Sie die Zugänglichkeitsrichtlinien für den richtigen Schriftkontrast.

Text

Grafiken


Farbverläufe

Farbverläufe verleihen ein Gefühl von Tiefe und tragen dazu bei, eine Schichtung innerhalb der Komposition zu vermitteln. Sie können auch zur Farbabstufung und Schattierung von Bereichen für die Typografie verwendet werden. Verwenden Sie Farbverläufe, um das Auge des Betrachters in eine bestimmte Richtung durch den Inhalt zu lenken.

Beim Aufbau von Farbverläufen sollten Sie versuchen, den Effekt dezent zu halten und eine Palette schrittweise zu verwenden, indem Sie eine Farbstufe in einer Farbgruppe zur Definition überspringen. Das Mischen von Farbgruppen kann eine Möglichkeit sein, dynamische Farben in ein Werk zu bringen. Vermeiden Sie akzentreiche Farbverläufe als große Farbkleckse auf einem Stück.

Farbblockierung

Text


Elektrisch

Um unseren elektrischen Effekt zu erzeugen, sollten Sie die folgenden Richtlinien befolgen, um ein einheitliches Erscheinungsbild über verschiedene Erlebnisse hinweg zu gewährleisten.

Verwenden Sie die Schattierungen einer Farbgruppe und bauen Sie Ihre Symbolgruppe wie unten gezeigt auf. Ähnliche Techniken können für andere Illustrationsformen wie Linien oder Rahmen verwendet werden. Die Größe und Deckkraft von Glow und Spotlight muss mit der Grafik oder dem Text skaliert werden, damit der Effekt subtil und sauber ist.

Für die Schrift können dieselben Farbkombinationen verwendet werden, aber achten Sie genau auf die Zugänglichkeit. Vermeiden Sie es, die Technik auf große, fette Schrift oder kleine Schrift anzuwenden. Passen Sie optionale Scheinwerfer an die Form des Textblocks an.

Die angegebenen Spezifikationen gelten für Figma. Es müssen Anpassungen vorgenommen werden, damit sie in unseren Anwendungen visuell übereinstimmen.

Formel

Variationen

Typ


Erreichbarkeit

Primäre

Um sicherzustellen, dass möglichst viele unserer Kunden eine einheitliche Erfahrung machen, wollen wir immer so zugänglich wie möglich bleiben. Eine Möglichkeit, dies zu erreichen, ist die Einhaltung der WCAG 2.1-Richtlinien für das Kontrastverhältnis von Text.

Unten sehen Sie den vollständigen Test unserer Farben, die mit unserer Schriftart in 16 pt für akzeptable Textblockierungsfarben verwendet werden. Wenn die Farbe als "Vorsicht" markiert ist, bedeutet dies, dass sie nur AA-Standards erfüllt und nur für großen oder fett gedruckten Text verwendet werden sollte.

Aktion

Unser OPSWAT ist unser Haupt-CTA-Farbton und sollte besonders sorgfältig über unseren primären Farbblöcken platziert werden.

Akzente

Achten Sie bei der Verwendung unserer Status und Akzente besonders auf die Barrierefreiheit. Wenn eine Schriftfarbe und eine Blockierung unten angezeigt werden, sind sie nicht empfehlenswert.

Akademie

Achten Sie bei der Nutzung unserer Academy Purple besonders auf die Barrierefreiheit. Wenn eine Schriftfarbe und eine Blockierung unten angezeigt werden, sind sie nicht empfehlenswert.