Die Marke Bitwarden
Willkommen zu den Bitwarden-Markenrichtlinien. Dieses Dokument soll die Markenstrategie von Bitwarden vorstellen, Kernelemente der visuellen Identität detailliert beschreiben und beschreiben, wie die Marke Bitwarden durch die Gestaltung einer konsistenten Kommunikation über alle Medien hinweg geschützt werden kann.
Bitwarden verspricht zuverlässige, benutzerfreundliche und hochmoderne Lösungen zur Verwaltung von Anmeldeinformationen, die es Einzelpersonen und Organisationen ermöglichen, ihre Online-Identitäten mit Leichtigkeit zu schützen. Bitwarden setzt sich dafür ein, Sicherheit, Barrierefreiheit und Open-Source-Technologie zu priorisieren und gleichzeitig eine globale Community zu fördern, die Transparenz, Vertrauen und Komfort für eine sicherere und datenschutzbewusstere digitale Landschaft schätzt.
Bitwarden-Logo
Das Bitwarden-Logo hat zwei zugelassene Kompositionen: horizontal und vertikal. Bei der Verwendung des Bitwarden-Logos ist die primäre und bevorzugte Zusammensetzung die horizontale Verriegelung. In einigen Fällen, wenn das horizontale Logo nicht funktioniert, kann ein vertikaler Lockup für diese einzigartigen Bedürfnisse verwendet werden.
LOGO-SICHERER
Sowohl für die horizontalen als auch für die vertikalen Lockups ist es wichtig, dass der richtige Abstand zum Bitwarden-Logo gegeben ist. Verwenden Sie für das horizontale Logo eine Bitwarden-Schildbreite, um den richtigen Abstand des Logos zu messen. Verwenden Sie für das vertikale Logo die „X“ -Höhe des „Bitwarden“ -Logos, um den richtigen Abstand des Logos zu messen.
Produktlogo-Lockups
Die Produkte unter dem Bitwarden-Schirm sind mit eigenen Logo-Lockups versehen. Diese Logos werden nur verwendet, wenn Inhalte speziell für dieses Produkt erstellt werden. Alle anderen Markenstile (Farben, Typ usw.) bleiben gleich.
Schriftart der Marke
DM Sans ist eine freundliche und charakteristische Schriftart, deren Verwendung im Web weniger gesättigt ist. Seine runden Schalen verleihen dem Text einen zugänglichen Charakter und fügen sich gut in das abgerundete Identitätssystem ein, das für Bitwarden vorgeschlagen wurde. DM Sans, eine Open-Source-Google-Schriftart, ist eine kontrastarme geometrische San Serif-Schrift mit einer großen Familie von Gewichten. Es ist für den Einsatz in kleineren Textgrößen gedacht, sieht aber auch in größeren Maßstäben fantastisch aus.
Bitwarden Blue ist die erkennbare und besitzbare Farbe der Marke, die die Kommunikation vereinheitlicht und der Marke eine starke Identität verleiht.
HEX #175DDC | RGB 23 93 220 | CMYK 86% 84% 0% 0%
Die sekundäre hellgraue Farbe sollte verwendet werden, um Bitwarden Blue so weit wie möglich zu unterstützen. Dies gibt Bitwarden Blue Raum zum Atmen und führt zu einer gezielteren Verwendung von Farben.
HEX #F3F6F9 | RGB 243 246 249 | CMYK 3% 2% 2% 0%
Deep Blue soll als Zwischenfarbe von Bitwarden Blue und Indigo Blue verwendet werden. Es sollte nur in Farbverläufen und Illustrationselementen verwendet werden.
HEX #1A41AC | RGB 26 65 172 | CMYK 95% 82% 0% 0%
Das dunklere Indigoblau wird für Textfarben, dunkle Hintergründe und Assets verwendet, die mehr Kontrast benötigen.
HEX #020F66 | RGB 2 15 102 | CMYK 100% 97% 23% 27%
Hervorheben Blaugrün fungiert als Hervorhebungsfarbe, um die Aufmerksamkeit der Zuschauer auf bestimmte Informationen oder Illustrationen zu lenken.
HEX #2CDDE9 | RGB 44 221 233 | CMYK 0% 71% 18% 0%
Tertiärfarben sind nur sparsam zu verwenden und sollten bei der Verwendung bewusst durchdacht werden.
Bernsteinorange: HEX # FFBF00| RGB 255 191 0 | CMYK 0% 27% 100% 0%
Melonenrot: HEX # FF4E63| RGB 255 78 99 | CMYK 0% 84% 50% 0%
Mittelviolett: HEX # 976FD9| RGB 151 111 217 | CMYK 50% 62% 0% 0%
Radius
Der abgerundete Radius ist einer der großen Rahmen für die Markengründung. Es verbindet die Kommunikation in einer einheitlichen visuellen Identität und basiert auf den abgerundeten Ecken der Bitwarden-Logomarke und den Formen der Markenschrift.
Tasten
Die einzigen Assets, die außerhalb dieses 36px-Radius-Systems liegen, sind Schaltflächen. Um eine Pillenform zu erreichen, würden die Tasten einen Eckenradius von 50 % der Höhe der Taste verwenden. Der Radius beträgt die Hälfte des Durchmessers. Zum Beispiel hat eine 50px High-Taste einen Eckradius von 25px.
Highlights
Dieses System ermöglicht es Bitwarden, ein einzigartiges visuelles Markenelement zu erstellen und gleichzeitig eine Möglichkeit zu schaffen, wichtige Keywords innerhalb einer Aussage oder Überschrift hervorzuheben. Das Highlight-System sollte nur für Ein- oder Zwei-Wort-Highlights verwendet werden. Die Hervorhebung eines einzelnen Wortes sollte für Wörter verwendet werden, die das Verständnis des Lesers für die Kommunikation zusammenfassen oder rationalisieren. Die Hervorhebung von zwei Wörtern sollte im selben Anwendungsfall verwendet werden, aber nur, wenn ein Adjektiv oder Adverb benötigt wird, um die Hervorhebung richtig zu kommunizieren.
Ikonografie
Die Bitwarden-Websymbole unterscheiden sich von den Produktsymbolen dadurch, dass sie für größere Anwendungen konzipiert sind, detaillierter sind und mehrfarbig sein können. Diese Symbole verwenden ein Hubverhältnis von 2:1. Der fette Strich wird verwendet, um das Symbol zu definieren, der dünne Strich wird verwendet, um Details hinzuzufügen. Diese Symbole können monoton oder in Vollfarbe verwendet werden. Einfarbiger Hintergrund für Kreise, Quadrate und andere Formen, die eine Definition oder einen Kontrast erfordern, kann ebenfalls verwendet werden.
Produkt
Das Produkt wird ohne Geräteverpackungen angezeigt und verwendet stattdessen einen weißen Rand, um das Produkt zu enthalten. Je nach Anwendungsfall kann eine High-Fidelity-Version des Produkts verwendet werden oder eine stilisiertere Version mit unnötigem/Füllstoffgehalt, die auf Grundformen reduziert ist.
Für spezifischere Anwendungsfälle wird das Produkt im Hintergrund abgeblendet und der Fokusbereich vergrößert, um Details eines Merkmals oder Abschnitts deutlicher anzuzeigen.
Wenn Sie weitere Produktbilder wünschen, wenden Sie sich bitte an: press@bitwarden.com.
Social-Media-Posts
Das auf 1200x675px für Twitter aufgebaute Framing schafft ein einheitliches System für die Social-Media-Posts von Bitwarden. Das Framing-System funktioniert wie hier zu sehen:
Bitwarden Blue Hintergrundkarten funktionieren mit Bitwarden Hellgrau Rahmen
Bitwarden-Hintergrundkarten in Hellgrau funktionieren mit dem Bitwarden-Blau-Rand
Bitwarden Indigo Blue Hintergrundkarten funktionieren am besten mit Bitwarden Blue Rahmen
Bitwarden B-Rolle
Die Bitwarden b-roll steht für den öffentlichen Gebrauch und Vertrieb zur Verfügung. Dieses ergänzende Filmmaterial kann verwendet werden, um die Bitwarden-Produkte in Rezensionen, Medienfeatures und anderen Nachrichten zu präsentieren. Diese B-Roll-Auswahl umfasst Live-Action-Aufnahmen des Produkts sowie Benutzer, die auf der Website und im Bitwarden Password Manager über verschiedene Clients hinweg navigieren.