Logo
Nachfolgend finden Sie das offizielle Emailable-Logo und seine Varianten sowie die Richtlinien für die Verwendung.
-
Hauptseite
Die endgültige Version des Emailable-Logos. Verwendung auf hellen Hintergründen.
Bevorzugte Hintergründe:
-
-
-
-
Licht
Eine Variation des Hauptlogos mit weißem Text. Verwendung auf dunklen Hintergründen.
Bevorzugte Hintergründe:
-
Schwarz
Verwenden Sie sie auf hellen Hintergründen in Situationen, in denen die Verwendung von Farben begrenzt ist. Ansonsten verwenden Sie die Hauptversion.
Bevorzugte Hintergründe:
-
-
-
-
Weiß
Verwenden Sie sie auf dunklen Hintergründen in Situationen, in denen die Verwendung von Farben eingeschränkt ist. Ansonsten verwenden Sie die helle Version.
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 irgendeiner Weise zu verändern (d. h. Farben zu ändern, Effekte anzuwenden, zu drehen, unproportional zu skalieren usw.)
-
Platzieren Sie das Logo auf Hintergründen, auf denen die Wortmarke oder eine der Farben des Symbols schwer zu erkennen ist
Farben
-
Primäre Seite
Kopiert!
50 #ecebffKopiert!
100 #dedbffKopiert!
200 #c7c2ffKopiert!
300 #a899ffKopiert!
400 #937affKopiert!
500 #7e61ffKopiert!
600 #6a4ce1Kopiert!
700 #5b33c7Kopiert!
800 #3e238bKopiert!
900 #251452Kopiert!
950 #11082b
-
Schiefer
Kopiert!
50 #f4f4fbKopiert!
100 #e7e7f4Kopiert!
200 #d9d9edKopiert!
300 #c4c4e3Kopiert!
400 #aeaed6Kopiert!
500 #9692c4Kopiert!
600 #8178b0Kopiert!
700 #655b95Kopiert!
800 #4b4276Kopiert!
900 #332b5aKopiert!
950 #1d1641
-
Rot
Kopiert!
50 #fff1f3Kopiert!
100 #ffe3e6Kopiert!
200 #ffccd4Kopiert!
300 #ffa1b1Kopiert!
400 #ff708aKopiert!
500 #f93a63Kopiert!
600 #e7174eKopiert!
700 #c30d41Kopiert!
800 #a30e3dKopiert!
900 #8b103bKopiert!
950 #4e031b
-
Orange
Kopiert!
50 #fff7edKopiert!
100 #ffedd5Kopiert!
200 #fed7aaKopiert!
300 #fdba74Kopiert!
400 #fb923cKopiert!
500 #f97316Kopiert!
600 #ea580cKopiert!
700 #c2410cKopiert!
800 #9a3412Kopiert!
900 #7c2d12Kopiert!
950 #431407
-
Gelb
Kopiert!
50 #fff9ebKopiert!
100 #fef0c8Kopiert!
200 #fddd8bKopiert!
300 #fccb4fKopiert!
400 #fbbd23Kopiert!
500 #f5af00Kopiert!
600 #f1a200Kopiert!
700 #e58e00Kopiert!
800 #c87200Kopiert!
900 #9c4f00Kopiert!
950 #7a3700
-
Grün
Kopiert!
50 #edfcf5Kopiert!
100 #d4f7e4Kopiert!
200 #abedcdKopiert!
300 #78ddb3Kopiert!
400 #3dd198Kopiert!
500 #1bc58aKopiert!
600 #0eb47dKopiert!
700 #0d9c71Kopiert!
800 #0f805eKopiert!
900 #0c644bKopiert!
950 #085441
-
Cyan
Kopiert!
50 #ecfeffKopiert!
100 #cffafeKopiert!
200 #a5f3fcKopiert!
300 #67e8f9Kopiert!
400 #22d3eeKopiert!
500 #06b6d4Kopiert!
600 #0891b2Kopiert!
700 #0e7490Kopiert!
800 #155e75Kopiert!
900 #164e63Kopiert!
950 #083344
-
Blau
Kopiert!
50 #f0f8feKopiert!
100 #deeefbKopiert!
200 #c4e2f8Kopiert!
300 #9bd0f3Kopiert!
400 #6db6edKopiert!
500 #549ee7Kopiert!
600 #4687ddKopiert!
700 #3778d2Kopiert!
800 #2c5ca5Kopiert!
900 #213e6eKopiert!
950 #192e4d
-
Fuchsie
Kopiert!
50 #fdf4ffKopiert!
100 #fae8ffKopiert!
200 #f5d0feKopiert!
300 #f0abfcKopiert!
400 #e879f9Kopiert!
500 #d946efKopiert!
600 #c026d3Kopiert!
700 #a21cafKopiert!
800 #86198fKopiert!
900 #701a75Kopiert!
950 #4a044e
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
Der Hauptfarbverlauf. Wird als dunkler Hintergrund verwendet.
Farbe stoppt:
-
Dunklerer Farbverlauf
Wird als zusätzlicher dunkler Hintergrund verwendet, um einen Kontrast zum dunklen Farbverlauf zu schaffen.
Farbe stoppt:
-
Violetter Farbverlauf
Wird als alternativer oder akzentuierender Hintergrund verwendet.
Farbe stoppt:
Typografie
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
-
Schiefer 900
Die Standard-Textfarbe. Wird für Überschriften, Beschriftungen, markanten Text und aktive Zustände verwendet. Nur für helle Hintergründe.
-
Schiefer 700
Wird für Fließtext oder Text mit geringerer Bedeutung verwendet. Nur für helle Hintergründe.
-
Schiefer 500
Wird für neutrale Abzeichen verwendet.
-
Schiefer 300
Wird für die Eingabe von Platzhaltertext oder inaktiven Zuständen verwendet.
-
Primäre Seite 500
Wird als Akzentfarbe für Textlinks und bestimmte Zwischenüberschriften verwendet.
-
Primäre Seite 200
Wird für Fließtext oder Text mit geringerer Bedeutung verwendet. Nur für dunkle Hintergründe.
-
Rot 500
Wird für Gefahren-/Fehlermeldungen und Abzeichen verwendet.
-
Gelb 500
Wird für Warnplaketten verwendet.
-
Grün 500
Wird für Erfolgsmeldungen und Abzeichen verwendet.
-
Blau 500
Wird für Warn-/Informationsplaketten verwendet.
-
Weiß
Wird für Überschriften, Beschriftungen, markanten Text und aktive Zustände verwendet. Nur für dunkle Hintergründe.