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
rayon de la marque
langage visuel

Rayon

Le rayon arrondi est l'un des grands cadres de la fondation de la marque. Il relie les communications en une identité visuelle unifiée et est construit sur la base des coins arrondis du logo de Bitwarden et des formes de la police de caractères de la marque.

boutons de marque
langage visuel

Boutons

Les seuls éléments qui n'entrent pas dans ce système de rayon de 36 px sont les boutons. Pour obtenir une forme de pilule, les boutons doivent avoir un rayon d'angle égal à 50 % de leur hauteur. Le rayon est égal à la moitié du diamètre. Par exemple, un bouton de 50 px de haut a un rayon d'angle de 25 px.

icônes de marque
langage visuel

Iconographie

Les icônes web Bitwarden diffèrent des icônes de produits en ce sens qu'elles sont conçues pour des utilisations plus larges, qu'elles sont plus détaillées et qu'elles peuvent être multicolores. Ces icônes utilisent un rapport de course de 2:1. Le trait gras est utilisé pour définir l'icône, le trait fin est utilisé pour ajouter des détails. Ces icônes peuvent être utilisées en monotone ou en couleur. Un fond de couleur unie peut également être utilisé pour les cercles, les carrés et d'autres formes nécessitant une définition ou un contraste.

exemples de messages sociaux - page de marque
Marque utilisée

Postes sociaux

Conçu pour 1200x675px pour Twitter, le cadre crée un système uni pour les messages de Bitwarden sur les médias sociaux. Le système d'encadrement fonctionne comme indiqué ici :

  • Les cartes à fond bleu Bitwarden fonctionnent avec la bordure gris clair Bitwarden

  • Les cartes de fond gris clair Bitwarden fonctionnent avec la bordure bleue Bitwarden

  • Les cartes à fond bleu indigo Bitwarden fonctionnent mieux avec la bordure bleue Bitwarden.

github-login-mobile
Le langage visuel

Produit

Le produit est présenté sans emballage et est entouré d'une bordure blanche. En fonction du cas d'utilisation, une version haute fidélité du produit peut être utilisée, ou une version plus stylisée avec un contenu inutile/de remplissage réduit à des formes de base.

Pour des cas d'utilisation plus spécifiques, le produit est atténué en arrière-plan et la zone de mise au point est élargie pour montrer plus clairement les détails d'une fonction ou d'une section.

Si vous souhaitez obtenir d'autres images de produits, veuillez contacter : 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

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
rayon de la marque
langage visuel

Rayon

Le rayon arrondi est l'un des grands cadres de la fondation de la marque. Il relie les communications en une identité visuelle unifiée et est construit sur la base des coins arrondis du logo de Bitwarden et des formes de la police de caractères de la marque.

boutons de marque
langage visuel

Boutons

Les seuls éléments qui n'entrent pas dans ce système de rayon de 36 px sont les boutons. Pour obtenir une forme de pilule, les boutons doivent avoir un rayon d'angle égal à 50 % de leur hauteur. Le rayon est égal à la moitié du diamètre. Par exemple, un bouton de 50 px de haut a un rayon d'angle de 25 px.

icônes de marque
langage visuel

Iconographie

Les icônes web Bitwarden diffèrent des icônes de produits en ce sens qu'elles sont conçues pour des utilisations plus larges, qu'elles sont plus détaillées et qu'elles peuvent être multicolores. Ces icônes utilisent un rapport de course de 2:1. Le trait gras est utilisé pour définir l'icône, le trait fin est utilisé pour ajouter des détails. Ces icônes peuvent être utilisées en monotone ou en couleur. Un fond de couleur unie peut également être utilisé pour les cercles, les carrés et d'autres formes nécessitant une définition ou un contraste.

exemples de messages sociaux - page de marque
Marque utilisée

Postes sociaux

Conçu pour 1200x675px pour Twitter, le cadre crée un système uni pour les messages de Bitwarden sur les médias sociaux. Le système d'encadrement fonctionne comme indiqué ici :

  • Les cartes à fond bleu Bitwarden fonctionnent avec la bordure gris clair Bitwarden

  • Les cartes de fond gris clair Bitwarden fonctionnent avec la bordure bleue Bitwarden

  • Les cartes à fond bleu indigo Bitwarden fonctionnent mieux avec la bordure bleue Bitwarden.

github-login-mobile
Le langage visuel

Produit

Le produit est présenté sans emballage et est entouré d'une bordure blanche. En fonction du cas d'utilisation, une version haute fidélité du produit peut être utilisée, ou une version plus stylisée avec un contenu inutile/de remplissage réduit à des formes de base.

Pour des cas d'utilisation plus spécifiques, le produit est atténué en arrière-plan et la zone de mise au point est élargie pour montrer plus clairement les détails d'une fonction ou d'une section.

Si vous souhaitez obtenir d'autres images de produits, veuillez contacter : 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