Logo
Das Emailable-Logo ist sowohl als vollständiges Logo mit der Emailable-Wortmarke als auch als Icon erhältlich, jeweils mit eigenen Farbvarianten und Anwendungsfällen. Bitte halten Sie sich an die unten stehenden Verwendungsrichtlinien.
Bevorzugte Hintergründe:
-
Weiß -
Schiefer 50
Bevorzugte Hintergründe:
Bevorzugte Hintergründe:
-
Weiß -
Schiefer 50
Bevorzugte Hintergründe:
Bevorzugte Hintergründe:
Bevorzugte Hintergründe:
-
Weiß -
Schiefer 50
Bevorzugte Hintergründe:
Machen:
-
Geben Sie dem Logo einen ausreichenden Abstand zu anderen Elementen oder Rändern eines Dokuments (verwenden Sie den Buchstaben "e" des Logos als Sicherheitsabstand)
-
Verwenden Sie je nach Hintergrund die richtige Variante (siehe oben)
Tun Sie das nicht:
-
Das Logo in einer nicht genehmigten Weise zu verändern. Dazu gehören unter anderem: Ändern von Farben, unproportionale Umwandlung, Anwendung stilistischer Effekte (z. B. Glühen, Schatten, Unschärfe, Striche usw.)
-
Platzieren Sie das Logo auf Hintergründen, auf denen die Wortmarke oder eine der Farben des Symbols schwer zu erkennen ist
Farben
Die offizielle Emailable-Farbpalette und Hintergrundfarbverläufe, die für Design/Branding verwendet werden. Zur Verwendung von Farben in der Typografie siehe Schriftfarben.
Palette
-
Primäre Seite
-
Schiefer
-
Rot
-
Orange
-
Gelb
-
Grün
-
Cyan
-
Blau
-
Fuchsie
Farbverläufe
Alle Farbverläufe sind Radialverläufe und haben eine kreisförmige Form. Ihre Ursprünge liegen 20 % vom oberen und rechten Rand der sie enthaltenden Formen entfernt und erstrecken sich diagonal bis zur unteren linken Ecke (siehe unten).
-
Dunkler Farbverlauf
Wird als dunkler Standardhintergrund verwendet.
Primäre Seite 800 Primäre Seite 950 -
Dunklerer Farbverlauf
Wird als alternativer dunkler Hintergrund verwendet.
Primäre Seite 900 Primäre Seite 950 -
Violetter Farbverlauf
Wird als alternativer dunkler Hintergrund verwendet.
Primäre Seite 500 Primäre Seite 800
Typografie
Die offiziellen Richtlinien für die Schriftart und die typografische Gestaltung von Emailable, einschließlich der Schriftstärken und der Verwendung von Farben für verschiedene Oberflächenelemente.
Schriftart
Inter
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
~`!@#$%^&*()_+-=,./<>?:;'"|\{}[]
-
Regelmäßig 400
Das Standardgewicht. Wird für Fließtext, Beschreibungen usw. verwendet.
-
Mittel 500
Wird für bestimmte Links und Beschriftungen verwendet.
-
Halbfett 600
Wird für Buttons, Abzeichen, Zwischenüberschriften und bestimmte Zahlen verwendet.
-
Kühn 700
Wird für Überschriften, Hervorhebungen und aktive Zustände verwendet.
Schriftfarben
Sofern nicht anders angegeben, gelten die Farben für helle Hintergründe. Bei Farben, die sich im Dunkelmodus ändern, wird die entsprechende Farbe für den Dunkelmodus angegeben.
Allgemein
-
Schiefer 800
Die Standardtextfarbe für Überschriften, Beschriftungen, hervorgehobenen Text und aktive Zustände.
Dunkelmodus: Weiß -
Schiefer 600
Lauftext oder Text von geringerer Bedeutung.
Dunkelmodus: Schiefer 300 -
Schiefer 500
Platzhaltertext in Eingabefeldern, neutrale Badges, Text in Sekundärmenüs und inaktive Registerkarten auf dunklem Hintergrund.
-
Schiefer 300
Inaktive Registerkarten.
Dunkelmodus: Schiefer 500 -
Weiß
Überschriften, Beschriftungen, hervorgehobener Text und aktive Zustände auf dunklem Hintergrund.
-
Primäre Seite 500
Akzentfarbe für Textlinks, aktive Navigationselemente und bestimmte Zwischenüberschriften.
-
Primäre Seite 200
Lauftext oder Text mit geringerer Bedeutung auf dunklen Farbverlaufshintergründen.
Status
-
Rot 500
Fehlermeldungen und Gefahren-Badges.
-
Gelb 500
Warn-Badges.
-
Grün 500
Erfolgsmeldungen und Badges.
-
Blau 500
Info-Badges.
Weitere
-
Schiefer 400
Inaktive Navigationselemente im Dunkelmodus und durchgestrichene Preise.
-
Schiefer 200
Inline-Code und Hover-Zustände der Navigation im Dunkelmodus.
-
Primäre Seite 700
Hover-Zustände von Textlinks.
Dunkelmodus: Primäre Seite 300 -
Primäre Seite 400
Abschnittsbezeichnungen auf dunklem Hintergrund und Links in Tooltips.
-
Primäre Seite 300
Links in der Fußzeile, Zitate und durchgestrichene Preise auf dunklem Hintergrund.
-
Primäre Seite 800
Text in Standard-Hinweisboxen.
Dunkelmodus: Primäre Seite 300 -
Blau 800
Text in Info-Hinweisboxen.
Dunkelmodus: Blau 300 -
Grün 800
Text in Erfolgs-Hinweisboxen.
Dunkelmodus: Grün 300 -
Rot 700
Text in Gefahren-Hinweisboxen und Inline-Fehlermeldungen.
Dunkelmodus: Rot 300 -
Gelb 600
Inline-Warnmeldungen.
-
Grün 600
Häkchen als Aufzählungszeichen und positive Bezeichnungen.