La marca Bitwarden

Bienvenido a las directrices de la marca Bitwarden. Este documento pretende compartir la estrategia de marca de Bitwarden, detallar los elementos centrales de la identidad visual y describir cómo proteger la marca Bitwarden diseñando comunicaciones coherentes en todos los medios.

Promesa de marca Bitwarden

Bitwarden promete ofrecer soluciones de gestión de credenciales fiables, fáciles de usar y de vanguardia que permitan a particulares y organizaciones proteger sus identidades en línea con facilidad. Bitwarden se compromete a dar prioridad a la seguridad, la accesibilidad y la tecnología de código abierto, al tiempo que fomenta una comunidad global que valora la transparencia, la confianza y la comodidad para un panorama digital más seguro y consciente de la privacidad.

logotipo de la marca - página de marca
IDENTIDAD

Logotipo de Bitwarden

El logotipo de Bitwarden tiene dos composiciones aprobadas: horizontal y vertical. Cuando se utilice el logotipo Bitwarden, la composición principal y preferida será el bloqueo horizontal. En algunos casos, cuando el logotipo horizontal no funciona, se puede utilizar un cierre vertical para esas necesidades únicas.

marca-logo-espaciado
Identidad

Logotipo de zona segura

Tanto para los bloqueos horizontales como para los verticales, es importante que se dé el espacio adecuado al logotipo de Bitwarden. Para el logotipo horizontal, utilice un ancho de escudo Bitwarden para medir el espaciado adecuado del logotipo. Para el logotipo vertical, utilice la altura "X" del logotipo "Bitwarden" para medir el espaciado adecuado del logotipo.

brand-product-logo-lockups
Identidad

Bloqueos de logotipos de productos

Los productos bajo el paraguas de Bitwarden están marcados con sus propios logotipos. Estos logotipos sólo se utilizan cuando se crean contenidos específicos para ese producto. Todos los demás estilos de marca (colores, tipo, etc.) permanecen inalterados.

tipo de marca
Tipo de letra

Marca tipográfica

DM Sans es un tipo de letra simpático y característico cuyo uso está menos saturado en la web. Sus cuencos circulares confieren al texto un carácter cercano y se integran perfectamente en el sistema de identidad redondeada propuesto para Bitwarden. DM Sans, una fuente de código abierto de Google, es un tipo de letra geométrica con gracias de bajo contraste con una amplia familia de pesos. Está pensado para tamaños de texto más pequeños, pero también tiene un aspecto increíble a mayor escala.

Paleta de colores

marca-radio
lenguaje visual

Radio

El radio redondeado es uno de los grandes armazones de la base de la marca. Vincula las comunicaciones en una identidad visual unificada y se basa en las esquinas redondeadas del logotipo de Bitwarden y las formas del tipo de letra de la marca.

marca-botones
lenguaje visual

Botones

Los únicos activos que quedan fuera de este sistema de radio de 36px son los botones. Para conseguir una forma de píldora, los botones utilizarían un radio de esquina del 50% de la altura del botón. El radio es la mitad del diámetro. Por ejemplo, un botón de 50px de alto tiene un radio de esquina de 25px.

marca-destacados
lenguaje visual

Destacados

Este sistema permite a Bitwarden crear un elemento visual de marca único y, al mismo tiempo, destacar palabras clave importantes dentro de un enunciado o titular. El sistema de resaltado sólo debe utilizarse para resaltar una o dos palabras. El resaltado de una sola palabra debe utilizarse en palabras que resuman o agilicen la comprensión de la comunicación por parte del lector. El resaltado de dos palabras debe utilizarse en el mismo caso de uso, pero sólo cuando se necesite un adjetivo o adverbio para comunicar adecuadamente el resaltado.

marcas-iconos
lenguaje visual

Iconografía

Los iconos web de Bitwarden difieren de los iconos de producto en que están hechos para usos más amplios, tienen más detalles y pueden ser multicolores. Estos iconos utilizan una relación de carrera de 2:1. El trazo grueso se utiliza para definir el icono, el trazo fino se utiliza para añadir detalles. Estos iconos pueden utilizarse en monótono o a todo color. También pueden utilizarse fondos de color sólido para círculos, cuadrados y otras formas que requieran definición o contraste.

github-inicio-de-sesión-móvil
Lenguaje visual

Producto

El producto se muestra sin envolturas de dispositivo, y en su lugar se utiliza un borde blanco para contener el producto. Dependiendo del caso de uso, puede utilizarse una versión de alta fidelidad del producto, o una versión más estilizada con contenido innecesario/de relleno reducido a formas básicas.

Para casos de uso más específicos, el producto se atenúa en segundo plano y la zona de enfoque se amplía para mostrar más claramente los detalles de una función o sección.

Si desea más imágenes de productos, póngase en contacto con: press@bitwarden.com.

ejemplos de mensajes sociales - página de marca
Marca en uso

Mensajes sociales

Construido a 1200x675px para Twitter, el marco crea un sistema unido para las publicaciones de Bitwarden en las redes sociales. El sistema de encuadre funciona como se ve aquí:

  • Las tarjetas de fondo azul Bitwarden funcionan con el borde gris claro Bitwarden

  • Las tarjetas de fondo gris claro Bitwarden funcionan con el borde azul Bitwarden

  • Las tarjetas de fondo Bitwarden Indigo Blue funcionan mejor con el borde Bitwarden Blue

b-roll
Medios de comunicación

Bitwarden B-roll

El b-roll de Bitwarden está disponible para uso público y distribución. Este material suplementario puede utilizarse para mostrar los productos Bitwarden en reseñas, reportajes y otras noticias. Esta selección de b-roll incluye tomas en directo del producto, así como de usuarios navegando por el sitio web y el gestor de contraseñas Bitwarden a través de varios clientes.