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

Go to file

baylorrandolph ec906a4910 Screenshots (#38 )

* Delete screenshots/android-pw-genorator.png

* Delete screenshots/android-vault.png

* Delete screenshots/android-view-item.png

* Delete screenshots/browser-chrome.png

* Delete screenshots/cli-macos.png

* Delete screenshots/desktop-macos-vault.png

* Delete screenshots/directory-connector-macos.png

* Delete screenshots/group-vault.jpg

* Delete screenshots/ios-dark-pw-generator.PNG

* Delete screenshots/ios-dark-vault.PNG

* Delete screenshots/ios-dark-view-item.PNG

* Delete screenshots/laptop-iphone-vault.png

* Delete screenshots/mobile-android-myvault.png

* Delete screenshots/mobile-ios-myvault.png

* Delete screenshots/monitor-iphone-enterprise-pw-generator.png

* Delete screenshots/monitor-laptop-enterprise-send.png

* Delete screenshots/web-vault-macbook.png

* Add files via upload

* Delete media-assets/product-images/Lifestyle Images directory

* Delete media-assets/product-images/Product device mockups directory

* Delete media-assets/product-images/Bitwarden Send directory

* Rename web-browser-extension-autofill.png to web-browser-extension-generator.png

2024-04-24 08:09:32 -06:00

brand-colors

Color/brand Update (#36 )

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

icons

Added favicon.ico (#10 )

2020-09-03 16:21:49 -04:00

logos

Color/brand Update (#36 )

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

media-assets

Screenshots (#38 )

2024-04-24 08:09:32 -06:00

screenshots

Screenshots (#38 )

2024-04-24 08:09:32 -06:00

shield

new icon resources (#7 )

2020-06-09 13:41:39 -04:00

src

update brand assets, add shield

2020-05-14 11:40:25 -04:00

.gitignore

gitignore

2020-04-20 17:08:59 -04:00

README.md

Brand updates 23 apr24 (#37 )

2024-04-23 10:50:12 -06:00

README.md

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

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	Color	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	Color	HEX value
Deep Dark Gray		`#282A31`
Dark Gray		`#6E7881`
Deep Medium Gray		`#939DA7`
Medium Gray		`#ABB4BD`
Light Gray		`#CFD4DA`
Lightest Gray		`#E6EBEF`

Product Colors	Color	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.