Free Username Generator

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

Additional options
visuelle Sprache
markenradius

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.

visuelle Sprache
brand-buttons

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.

visuelle Sprache
marken-highlights

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.

visuelle Sprache
markensymbole

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.

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+

icon-linux-square

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

Free Username Generator

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

Additional options
visuelle Sprache
markenradius

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.

visuelle Sprache
brand-buttons

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.

visuelle Sprache
marken-highlights

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.

visuelle Sprache
markensymbole

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.

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+

icon-linux-square

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