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.

Markenversprechen Bitwarden

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.

markenlogo - markenseite
IDENTITÄT

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.

brand-logo-spacing
Identität

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.

markenprodukt-logo-lockups
Identität

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.

markentyp
Schriftart

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.

Farbpalette

markenradius
visuelle Sprache

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.

brand-buttons
visuelle Sprache

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.

marken-highlights
visuelle Sprache

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.

markensymbole
visuelle Sprache

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.

github-zugangsdaten-mobil
Visuelle Sprache

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.

beispiele für soziale Posts - markenseite
Marke im Einsatz

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

b-roll
Medieninhalte

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.