mirror of https://github.com/bitwarden/brand synced 2025-12-06 05:23:20 +00:00

Files

DanHillesheim 7746596e81 Color/brand Update (#36 )

* Color/brand Update

Update color descriptions, font files, logos, and screenshots. Added tables for more clarity and a palette file.

* Forgot to add list

* Remove bang from list

2024-04-23 10:32:33 -06:00

4.8 KiB

Raw Blame History

Bitwarden Brand

This repository contains resources for the Bitwarden brand such as logos, icons, screenshots, color palettes, and other media.

For more brand resources visit bitwarden.com/brand

Logo

Version	Preview
Default
Inverse
Black

Product Icon

Version	Preview
Default (svg)
Inverse (svg)
Rounded 256px (png)
Rounded 128px (png)
Rounded 64px (png)
Rounded 32px (png)
Rounded 16px (png)
Square 256px (png)
Square 128px (png)
Square 64px (png)
Square 32px (png)
Square 16px (png)

View more sizes

Product Screenshots

View all product screenshots

Color Palettes

Branding

Web Colors	HEX value
Primary Blue	`#175DDC`
Deep Blue	`#1A41AC`
Indigo Blue	`#020F66`
Accent Teal	`#2CDDE9`
Accent Melon	`#FF4E63`
Accent Yellow	`#FFBF00`
Accent Purple	`#9D26FF`
Accent Gray	`#F3F6F9`
Accent Black	`#000000`
Accent White	`#FFFFFF`

Grayscale	HEX value
Deep Dark Gray	`#282A31`
Dark Gray	`#6E7881`
Deep Medium Gray	`#939DA7`
Medium Gray	`#ABB4BD`
Light Gray	`#CFD4DA`
Lightest Gray	`#E6EBEF`

Product Colors	HEX value
Text	`#000000`
Success	`#57C86B`
Danger	`#E5544A`
Warning	`#E8BF31`
Info	`#63A2FD`
Background	`#F3F6F9`

Download color codes

Fonts

Use Case	Link	Weights
Product use	Open Sans	400 (normal), 500 (medium), 700 (bold)
Website use	DM Sans	400 (normal), 500 (medium), 700 (bold)

Other Things To Know

Capitalize the "B" in Bitwarden in all copy text. Bitwarden should only be presented in all lowercase when displayed in our official logos (see above).
The "W" in Bitwarden is NEVER capitalized.

Trademark Notice

"Bitwarden" is a registered trademark of Bitwarden Inc.

4.8 KiB Raw Blame History