Pricing shown in USD and based on an annual subscription. Taxes not included.

Free Username Generator

Create a unique username, gamer tag, or social media handle

Additional options
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.

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.

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

Test headline dupe

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.

Windows

Support for Windows 10 and 11

MacOS

Support for MacOS 12+ and Safari 14+

Linux

Support for most distributions

bitwarden biometric unlock

Open source security

Source code transparency offers the best standard for trust and security, especially for solutions protecting your business.

Test resource cards set

Pricing shown in USD and based on an annual subscription. Taxes not included.

Free Username Generator

Create a unique username, gamer tag, or social media handle

Additional options
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.

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.

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

Test headline dupe

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.

Windows

Support for Windows 10 and 11

MacOS

Support for MacOS 12+ and Safari 14+

Linux

Support for most distributions

bitwarden biometric unlock

Open source security

Source code transparency offers the best standard for trust and security, especially for solutions protecting your business.

Test resource cards set

Tests left alignment of image when set at 25% width

Test card

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quis suscipit nulla, vitae fringilla justo. 

Test card

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quis suscipit nulla, vitae fringilla justo. 

Test center alignment of text when card has no body text

Test card center align

Test card center align

Test card center align

Test cards 25% asset width but not in cols layout

Test card

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quis suscipit nulla, vitae fringilla justo. 

Test card

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quis suscipit nulla, vitae fringilla justo. 

Test blog card links