mirror of
https://github.com/bitwarden/brand
synced 2025-12-06 05:23:20 +00:00
5.1 KiB
5.1 KiB
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) |  |
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 |
Fonts
| Use Case | Link | Weights |
|---|---|---|
| Product use | Open Sans | 400 (normal), 500 (medium), 700 (bold) |
| Website use (headlines) | Montserrat | 300 (light), 400 (regular), 500 (medium) |
| Website use (body) | Roboto | 400 (regular), 500 (medium) |
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.