# The Bitwarden Brand

Welcome to the Bitwarden brand guidelines.

---

## The Bitwarden brand

![the-bitwarden-brand-light](https://bitwarden.com/assets/7rG8g85pz9F2bIAUbi76li/817d35a83941c32f04b9a485b6c3813b/the-bitwarden-brand-light.png)

### The Bitwarden logo

The Bitwarden logo has two approved compositions: horizontal and vertical. When using the Bitwarden logo the primary and preferred composition will be the horizontal lockup. In some cases when the horizontal logo doesn’t work, a vertical lockup can be used for those unique needs. [Download SVG logos.](https://images.ctfassets.net/7rncvj1f8mw7/6RNJEeiUeUvaJFcUXV5R49/e73a356cad20bce2336afcff8829485b/BitwardenLogo.svg)

![brand-logo](https://bitwarden.com/assets/6eAmXAgNgXmQb0Lz6PNjl8/33ed24de6dd4be65b25d9369e79e7bc1/bitwarden-logos.webp)

### Logo safe area

For both the horizontal and vertical lockups, it’s important that the proper spacing is given to the Bitwarden logo. For the horizontal logo, use one Bitwarden shield width to measure out the logo’s proper spacing. For the vertical logo, use the “X” height of the “Bitwarden” logotype to measure out the logo’s proper spacing.

![logo-spacing-light](https://bitwarden.com/assets/2GuCTiA4g1r8JoOxVPEDYS/711c868079975f303e8a979ac59cab84/logo-spacing-light.webp)

### Product logos

Bitwarden products have unique logo lockups. These are primarily for use in-product, and selectively in diagrams when multiple Bitwarden products are being showcased.

![brand-product-logo-lockups](https://bitwarden.com/assets/sHgWhVqRBb43t88Pt4JlH/bfdfb7d7e175b76fd8a44cbbf89f165c/product-logos-light.webp)

### Typeface

Inter is an open-source Google font. It is used for all headlines, copy and text.

![Inter - Dark](https://bitwarden.com/assets/3SEBZZ5sIcHocBvV09hfyD/499f237561e988707034c730b88e231d/Inter_-_Dark.png)

[Download Inter](https://fonts.google.com/specimen/Inter)

### Color

The tertiary Green, Yellow, and Red should be used sparingly, primarily in product graphics and for success/error communications.

![Colors LIght](https://bitwarden.com/assets/7llFl7gBBMJEMNx8SOyW1G/d53d9d2d1ffae3e573940cdaa3741215/Colors_LIght.png)

### Color Values

Bitwarden Blue, HEX #175DDC, RGB 23 | 93 | 220, CMYK 84% | 66% | 0% | 0%
Off White, HEX #F3F6F9, RGB 243 | 246 | 249, CMYK 3% | 1% | 1% | 0%
Deep Blue, HEX #0C3276, RGB 12 | 50 | 118, CMYK 100% | 91% | 26% | 12%
True White, HEX #FFFFFF, RGB 255 | 255 | 255, CMYK 0% | 0% | 0% | 0%
True Black, HEX #000000, RGB 0 | 0 | 0, CMYK 75% | 68% | 67% | 90%
Light Grey, HEX #D8E2EB, RGB 216 | 226 | 235, CMYK 14% | 6% | 3% | 0%
Medium Grey, HEX #99A7B5, RGB 153 | 167 | 181, CMYK 42% | 28% | 22% | 0%
Teal Highlight, HEX #2CDDE9, RGB 44 | 221 | 233, CMYK 58% | 0% | 15% | 0%
Light Teal Highlight, HEX #A2F4FD, RGB 162 | 244 | 253, CMYK 30% | 0% | 5% | 0%
Green, HEX #7BF1A8, RGB 123 | 241 | 168, CMYK 49% | 0% | 30% | 5%
Red, HEX #FF6550, RGB 255 | 101 | 80, CMYK 0% | 60% | 69% | 0%
Yellow, HEX #FDC7000, RGB 255 | 215 | 0, CMYK 0% | 16% | 100% | 0%

### Radius

The rounded radius is one of the large frameworks for the brand foundation. It ties communications together in one unified visual identity.

![brand-radius](https://bitwarden.com/assets/7vqZCZLg2FbQShhmBrWu9N/7a8942afcabd9f000ac02987f0413caf/brand-radius.webp)

### Buttons

The only assets that fall outside of this 36px radius system are buttons.

![Buttons - Light](https://bitwarden.com/assets/2PA4aZ5xtVwugJNhbzp5Z0/c20dd3ed70c513fa334b794a6c33b152/Buttons_-_Light.png)

### Iconography

The Bitwarden web icons are made for a wide range of uses and have more detail. 

![brand-icons](https://bitwarden.com/assets/6cGveQHfygGxH7tWykI7at/6f7d66d20996af8afce1b8d181143250/brand-icons-light.webp)

### Social media posts

The framing creates a united system for the Bitwarden social media posts.

![Group 1000004498](https://bitwarden.com/assets/PXJ1iLeoCAw1x7171zc1k/12480e2669b4b774a47f33b0bd3b27ad/Group_1000004498.png)

### Product images

If you would like additional product images, please contact: press@bitwarden.com.

![Prodotto: più dispositivi - Light](https://bitwarden.com/assets/3dZlDO1hEwyvrEv4LdAbsy/2e6d4b6ecfe9ae3e078722415e4fad3b/Multiple_Devices-_Light.png)

[Download Password Manager images](https://drive.google.com/drive/folders/10LNjuihl6PBWRef-CenXrJNNi1fu-N0P?usp=sharing)

[Download Secrets Manager images](https://drive.google.com/drive/folders/1_NWWPeecq5FRZwXimAhOw2g6gazaT6Mn?usp=sharing)

### Bitwarden b-roll

The Bitwarden b-roll is available for public use and distribution. This supplemental footage can be used to showcase the Bitwarden products in reviews, media features, and other news coverage. This b-roll selection includes live-action shots of the product, as well as users navigating the website and the Bitwarden Password Manager across various clients.

![Vimeo Screen Light](https://bitwarden.com/assets/30EThvdW0C1PZTJeqetQwI/c7a32c2ae43d89f7a050663853b23b29/Screenshot_2025-12-04_at_3.02.58â__PM.png)

[Download Video Assets](https://vimeo.com/showcase/11841052)