Free Username Generator

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

Additional options
merkradius
visuele taal

Straal

De afgeronde radius is een van de grote kaders voor de fundering van het merk. Het verbindt communicatie in één uniforme visuele identiteit en is gebaseerd op de afgeronde hoeken van het Bitwarden-logo en de vormen van het lettertype van het merk.

merk-knoppen
visuele taal

Knoppen

De enige onderdelen die buiten dit 36px radius systeem vallen zijn knoppen. Om de vorm van een pil te krijgen, gebruiken knoppen een hoekradius van 50% van de hoogte van de knop. De straal is de helft van de diameter. Een knop van 50px hoog heeft bijvoorbeeld een hoekradius van 25px.

merk-iconen
visuele taal

Iconografie

De Bitwarden webpictogrammen verschillen van de productpictogrammen doordat ze gemaakt zijn voor groter gebruik, meer detail hebben en in meerdere kleuren kunnen worden gebruikt. Deze pictogrammen gebruiken een slagverhouding van 2:1. De vette lijn wordt gebruikt om het pictogram te definiëren, de dunne lijn wordt gebruikt om details toe te voegen. Deze pictogrammen kunnen in monotoon of in full color worden gebruikt. Een effen achtergrondkleur kan ook worden gebruikt voor cirkels, vierkanten en andere vormen die definitie of contrast nodig hebben.

sociale postvoorbeelden - merkpagina
Merk in gebruik

Sociale berichten

De omlijsting is gebouwd op 1200x675px voor Twitter en creëert een uniform systeem voor de sociale mediaposts van Bitwarden. Het framesysteem werkt zoals hier te zien is:

  • Bitwarden blauwe achtergrondkaarten werken met Bitwarden lichtgrijze rand

  • Bitwarden Lichtgrijze achtergrondkaarten werken met Bitwarden Blauwe rand

  • Bitwarden Indigo Blue achtergrondkaarten werken het beste met Bitwarden Blue rand

github-login-mobile
Visuele taal

Product

Het product wordt weergegeven zonder apparaatwikkels en in plaats daarvan wordt een witte rand gebruikt om het product te bevatten. Afhankelijk van de use case kan een high fidelity versie van het product worden gebruikt, of een meer gestileerde versie met onnodige/vullende inhoud gereduceerd tot basisvormen.

Voor meer specifieke gebruikssituaties wordt het product op de achtergrond gedimd en wordt het focusgebied vergroot om de details van een functie of sectie duidelijker weer te geven.

Als u extra productafbeeldingen wilt, kunt u contact opnemen met: press@bitwarden.com.

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

Free Username Generator

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

Additional options
merkradius
visuele taal

Straal

De afgeronde radius is een van de grote kaders voor de fundering van het merk. Het verbindt communicatie in één uniforme visuele identiteit en is gebaseerd op de afgeronde hoeken van het Bitwarden-logo en de vormen van het lettertype van het merk.

merk-knoppen
visuele taal

Knoppen

De enige onderdelen die buiten dit 36px radius systeem vallen zijn knoppen. Om de vorm van een pil te krijgen, gebruiken knoppen een hoekradius van 50% van de hoogte van de knop. De straal is de helft van de diameter. Een knop van 50px hoog heeft bijvoorbeeld een hoekradius van 25px.

merk-iconen
visuele taal

Iconografie

De Bitwarden webpictogrammen verschillen van de productpictogrammen doordat ze gemaakt zijn voor groter gebruik, meer detail hebben en in meerdere kleuren kunnen worden gebruikt. Deze pictogrammen gebruiken een slagverhouding van 2:1. De vette lijn wordt gebruikt om het pictogram te definiëren, de dunne lijn wordt gebruikt om details toe te voegen. Deze pictogrammen kunnen in monotoon of in full color worden gebruikt. Een effen achtergrondkleur kan ook worden gebruikt voor cirkels, vierkanten en andere vormen die definitie of contrast nodig hebben.

sociale postvoorbeelden - merkpagina
Merk in gebruik

Sociale berichten

De omlijsting is gebouwd op 1200x675px voor Twitter en creëert een uniform systeem voor de sociale mediaposts van Bitwarden. Het framesysteem werkt zoals hier te zien is:

  • Bitwarden blauwe achtergrondkaarten werken met Bitwarden lichtgrijze rand

  • Bitwarden Lichtgrijze achtergrondkaarten werken met Bitwarden Blauwe rand

  • Bitwarden Indigo Blue achtergrondkaarten werken het beste met Bitwarden Blue rand

github-login-mobile
Visuele taal

Product

Het product wordt weergegeven zonder apparaatwikkels en in plaats daarvan wordt een witte rand gebruikt om het product te bevatten. Afhankelijk van de use case kan een high fidelity versie van het product worden gebruikt, of een meer gestileerde versie met onnodige/vullende inhoud gereduceerd tot basisvormen.

Voor meer specifieke gebruikssituaties wordt het product op de achtergrond gedimd en wordt het focusgebied vergroot om de details van een functie of sectie duidelijker weer te geven.

Als u extra productafbeeldingen wilt, kunt u contact opnemen met: press@bitwarden.com.

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