La marque Bitwarden

Bienvenue dans les lignes directrices de la marque Bitwarden. Ce document a pour but de partager la stratégie de la marque Bitwarden, de détailler les éléments essentiels de l'identité visuelle et de décrire comment protéger la marque Bitwarden en concevant des communications cohérentes sur tous les supports.

La promesse de la marque Bitwarden

Bitwarden promet de fournir des solutions fiables, conviviales et de pointe en matière de gestion des justificatifs d'identité qui permettent aux individus et aux organisations de protéger leur identité en ligne en toute simplicité. Bitwarden s'engage à donner la priorité à la sécurité, à l'accessibilité et à la technologie open-source tout en encourageant une communauté mondiale qui valorise la transparence, la confiance et la commodité pour un paysage numérique plus sûr et plus respectueux de la vie privée.

logo de la marque - page de marque
IDENTITÉ

Logo Bitwarden

Le logo Bitwarden a deux compositions approuvées : horizontale et verticale. Lors de l'utilisation du logo Bitwarden, la composition principale et préférée sera le verrouillage horizontal. Dans certains cas, lorsque le logo horizontal ne fonctionne pas, un verrouillage vertical peut être utilisé pour répondre à ces besoins particuliers.

marque-logo-espacement
Identité

Logo zone de sécurité

Pour les verrouillages horizontaux et verticaux, il est important que le logo Bitwarden soit correctement placé. Pour le logo horizontal, utilisez une largeur de bouclier Bitwarden pour mesurer l'espacement approprié du logo. Pour le logo vertical, utilisez la hauteur "X" du logotype "Bitwarden" pour mesurer l'espacement approprié du logo.

blocage du logo des produits de la marque
Identité

Verrouillage du logo du produit

Les produits sous l'égide de Bitwarden sont marqués de leur propre logo. Ces logos ne sont utilisés que lors de la création de contenu spécifique à ce produit. Tous les autres styles de marque (couleurs, caractères, etc.) restent inchangés.

type de marque
Police de caractères

Police de caractères de la marque

DM Sans est un caractère sympathique et caractérisé dont l'usage est moins saturé sur le web. Ses boules circulaires confèrent au texte un caractère accessible et s'intègrent parfaitement dans le système d'identité arrondi proposé pour Bitwarden. DM Sans, une police Open Source de Google, est une police de caractères géométrique sans empattement à faible contraste avec une large famille de graisses. Il est destiné à être utilisé pour des textes de petite taille, mais il est également très attrayant à plus grande échelle.

Palette de couleurs

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.

marque - points forts
langage visuel

Points forts

Ce système permet à Bitwarden de créer un élément visuel de marque unique tout en créant un moyen de mettre en évidence des mots-clés importants dans une déclaration ou un titre. Le système de surlignage ne doit être utilisé que pour des surlignages d'un ou deux mots. Le surlignage d'un seul mot doit être utilisé pour les mots qui résument ou simplifient la compréhension de la communication par le lecteur. La mise en évidence de deux mots doit être utilisée dans le même cas, mais uniquement lorsqu'un adjectif ou un adverbe est nécessaire pour communiquer correctement la mise en évidence.

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.

github-identifiant-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.

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.

b-roll
Actifs médiatiques

Rouleau B de Bitwarden

Le rouleau B de Bitwarden est disponible pour une utilisation et une distribution publiques. Ces séquences supplémentaires peuvent être utilisées pour présenter les produits Bitwarden dans des revues, des articles de presse et d'autres reportages. Cette sélection de b-roll comprend des prises de vue en direct du produit, ainsi que des utilisateurs naviguant sur le site web et le gestionnaire de mots de passe Bitwarden pour différents clients.