Compare commits
21 Commits
read-me-fi
...
b8da603f56
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
b8da603f56 | ||
|
|
dbde41dee5 | ||
|
|
57068d0b88 | ||
|
|
e2ca8ba123 | ||
|
|
927848a705 | ||
|
|
ea46200b58 | ||
|
|
ec906a4910 | ||
|
|
7979cf1f8c | ||
|
|
7746596e81 | ||
|
|
b52297c5c5 | ||
|
|
e755957e1a | ||
|
|
51942f8d6e | ||
|
|
f09f2fa594 | ||
|
|
fc9829f94c | ||
|
|
e7ad87e4d4 | ||
|
|
95585c1ac6 | ||
|
|
1f31121091 | ||
|
|
8d765675e7 | ||
|
|
3ef715ea1d | ||
|
|
4561ebed5e | ||
|
|
741a793024 |
110
README.md
@@ -2,80 +2,96 @@
|
||||
|
||||
This repository contains resources for the Bitwarden brand such as logos, icons, screenshots, color palettes, and other media.
|
||||
|
||||
## Logos
|
||||
|
||||
**Horizontal**
|
||||
- [Logo](/logos)
|
||||
- [Icon](/icons)
|
||||
- [Screenshots](/screenshots)
|
||||
- [Shield](/shield)
|
||||
|
||||

|
||||
**For more brand resources visit [bitwarden.com/brand](https://bitwarden.com/brand/)**
|
||||
|
||||
**Vertical**
|
||||
## Logo
|
||||
|
||||

|
||||
| Version | Preview |
|
||||
|---|---|
|
||||
| Default |  |
|
||||
| Inverse |  |
|
||||
|
||||
[View more colors and sizes](/logos)
|
||||
## Product Icon
|
||||
|
||||
## Product Icons
|
||||
|
||||
**Rounded**
|
||||
|
||||

|
||||

|
||||

|
||||

|
||||

|
||||
|
||||
**Square**
|
||||
|
||||

|
||||

|
||||

|
||||

|
||||

|
||||
| 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](/icons)
|
||||
|
||||
## Product Screenshots
|
||||
|
||||

|
||||
|
||||
[View all product screenshots](/screenshots)
|
||||
|
||||
## Color Palettes
|
||||
|
||||
### Branding
|
||||
|
||||
Primary Blue
|
||||

|
||||
`#175DDC`
|
||||
|
||||
Secondary Medium Blue
|
||||

|
||||
`#1252A3`
|
||||
|
||||
Secondary Dark Blue
|
||||

|
||||
`#1A3B66`
|
||||
| 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` |
|
||||
|
||||
Accent Green
|
||||

|
||||
`#26FF75`
|
||||
| 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` |
|
||||
|
||||
|
||||
### Auxiliary
|
||||
|
||||
- Text: `#000000`
|
||||
- Success: `#00a65a`
|
||||
- Danger: `#dd4b39`
|
||||
- Warning: `#bf7e16`
|
||||
- Info: `#555555`
|
||||
[Download color codes](/brand-colors/pallette.scss)
|
||||
|
||||
## Fonts
|
||||
|
||||
- [Open Sans](https://fonts.google.com/specimen/Open+Sans)
|
||||
- [Font Awesome Icons](https://fontawesome.com/v4.7.0/)
|
||||
| Use Case | Link | Weights |
|
||||
|---|---|---|
|
||||
| Product use | [Open Sans](https://fonts.google.com/specimen/Open+Sans) | 400 (normal), 500 (medium), 700 (bold) |
|
||||
| Website use | [DM Sans](https://fonts.google.com/specimen/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.
|
||||
- The "W" in Bitwarden is NEVER capitalized.
|
||||
|
||||
## Trademark Notice
|
||||
|
||||
|
||||
|
Before Width: | Height: | Size: 634 B |
BIN
brand-colors/bitwarden-blue.png
Normal file
|
After Width: | Height: | Size: 980 B |
BIN
brand-colors/deep-blue.png
Normal file
|
After Width: | Height: | Size: 957 B |
BIN
brand-colors/highlight-teal.png
Normal file
|
After Width: | Height: | Size: 980 B |
BIN
brand-colors/indigo-blue.png
Normal file
|
After Width: | Height: | Size: 997 B |
49
brand-colors/palette.scss
Normal file
@@ -0,0 +1,49 @@
|
||||
/* CSS HEX */
|
||||
--primary-blue: #175ddcff;
|
||||
--deep-blue: #1a41acff;
|
||||
--indigo-blue: #020f66ff;
|
||||
--accent-teal: #2cdde9ff;
|
||||
--bitwarden-gray: #f3f6f9ff;
|
||||
--accent-melon: #ff4e63ff;
|
||||
--accent-yellow: #ffbf00ff;
|
||||
--accent-purple: #9d26ffff;
|
||||
|
||||
/* CSS HSL */
|
||||
--primary-blue: hsla(219, 81%, 48%, 1);
|
||||
--deep-blue: hsla(224, 74%, 39%, 1);
|
||||
--indigo-blue: hsla(232, 96%, 20%, 1);
|
||||
--accent-teal: hsla(184, 81%, 54%, 1);
|
||||
--bitwarden-gray: hsla(210, 33%, 96%, 1);
|
||||
--accent-melon: hsla(353, 100%, 65%, 1);
|
||||
--accent-yellow: hsla(45, 100%, 50%, 1);
|
||||
--accent-purple: hsla(273, 100%, 57%, 1);
|
||||
|
||||
/* SCSS HEX */
|
||||
$primary-blue: #175ddcff;
|
||||
$deep-blue: #1a41acff;
|
||||
$indigo-blue: #020f66ff;
|
||||
$accent-teal: #2cdde9ff;
|
||||
$bitwarden-gray: #f3f6f9ff;
|
||||
$accent-melon: #ff4e63ff;
|
||||
$accent-yellow: #ffbf00ff;
|
||||
$accent-purple: #9d26ffff;
|
||||
|
||||
/* SCSS HSL */
|
||||
$primary-blue: hsla(219, 81%, 48%, 1);
|
||||
$deep-blue: hsla(224, 74%, 39%, 1);
|
||||
$indigo-blue: hsla(232, 96%, 20%, 1);
|
||||
$accent-teal: hsla(184, 81%, 54%, 1);
|
||||
$bitwarden-gray: hsla(210, 33%, 96%, 1);
|
||||
$accent-melon: hsla(353, 100%, 65%, 1);
|
||||
$accent-yellow: hsla(45, 100%, 50%, 1);
|
||||
$accent-purple: hsla(273, 100%, 57%, 1);
|
||||
|
||||
/* SCSS RGB */
|
||||
$primary-blue: rgba(23, 93, 220, 1);
|
||||
$deep-blue: rgba(26, 65, 172, 1);
|
||||
$indigo-blue: rgba(2, 15, 102, 1);
|
||||
$accent-teal: rgba(44, 221, 233, 1);
|
||||
$bitwarden-gray: rgba(243, 246, 249, 1);
|
||||
$accent-melon: rgba(255, 78, 99, 1);
|
||||
$accent-yellow: rgba(255, 191, 0, 1);
|
||||
$accent-purple: rgba(157, 38, 255, 1);
|
||||
|
Before Width: | Height: | Size: 652 B |
|
Before Width: | Height: | Size: 682 B |
|
Before Width: | Height: | Size: 704 B |
11
logos/icon-inverse.svg
Normal file
@@ -0,0 +1,11 @@
|
||||
<svg width="300" height="300" viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_68_64)">
|
||||
<path d="M300 253.125C300 279.023 279.023 300 253.125 300H46.875C20.9766 300 0 279.023 0 253.125V46.875C0 20.9766 20.9766 0 46.875 0H253.125C279.023 0 300 20.9766 300 46.875V253.125Z" fill="white"/>
|
||||
<path d="M217.061 159.595V63.6475H150V234.104C161.875 227.807 172.503 220.961 181.884 213.565C205.335 195.175 217.061 177.185 217.061 159.595ZM245.801 44.458V159.595C245.801 168.19 244.129 176.71 240.786 185.156C237.443 193.601 233.302 201.097 228.362 207.643C223.422 214.19 217.535 220.561 210.699 226.758C203.863 232.954 197.551 238.102 191.763 242.199C185.975 246.297 179.938 250.17 173.651 253.818C167.364 257.466 162.898 259.94 160.254 261.239C157.609 262.538 155.489 263.538 153.892 264.237C152.694 264.837 151.397 265.137 150 265.137C148.603 265.137 147.306 264.837 146.108 264.237C144.511 263.538 142.391 262.538 139.746 261.239C137.102 259.94 132.636 257.466 126.349 253.818C120.062 250.17 114.025 246.297 108.237 242.199C102.449 238.102 96.137 232.954 89.3012 226.758C82.4654 220.561 76.5777 214.19 71.638 207.643C66.6982 201.097 62.5568 193.601 59.2138 185.156C55.8707 176.71 54.1992 168.19 54.1992 159.595V44.458C54.1992 41.8594 55.1472 39.6107 57.0433 37.7117C58.9394 35.8128 61.1847 34.8633 63.7793 34.8633H236.221C238.815 34.8633 241.061 35.8128 242.957 37.7117C244.853 39.6107 245.801 41.8594 245.801 44.458Z" fill="#175DDC"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_68_64">
|
||||
<rect width="300" height="300" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.6 KiB |
11
logos/icon.svg
Normal file
@@ -0,0 +1,11 @@
|
||||
<svg width="300" height="300" viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_68_61)">
|
||||
<path d="M300 253.125C300 279.023 279.023 300 253.125 300H46.875C20.9766 300 0 279.023 0 253.125V46.875C0 20.9766 20.9766 0 46.875 0H253.125C279.023 0 300 20.9766 300 46.875V253.125Z" fill="#175DDC"/>
|
||||
<path d="M243.105 37.6758C241.201 35.7715 238.945 34.834 236.367 34.834H63.6328C61.0254 34.834 58.7988 35.7715 56.8945 37.6758C54.9902 39.5801 54.0527 41.8359 54.0527 44.4141V159.58C54.0527 168.164 55.7227 176.689 59.0625 185.156C62.4023 193.594 66.5625 201.094 71.5137 207.656C76.4648 214.189 82.3535 220.576 89.209 226.787C96.0645 232.998 102.393 238.125 108.164 242.227C113.965 246.328 120 250.195 126.299 253.857C132.598 257.52 137.08 259.98 139.717 261.27C142.354 262.559 144.492 263.584 146.074 264.258C147.275 264.844 148.564 265.166 149.971 265.166C151.377 265.166 152.666 264.873 153.867 264.258C155.479 263.555 157.588 262.559 160.254 261.27C162.891 259.98 167.373 257.49 173.672 253.857C179.971 250.195 186.006 246.328 191.807 242.227C197.607 238.125 203.936 232.969 210.791 226.787C217.646 220.576 223.535 214.219 228.486 207.656C233.438 201.094 237.568 193.623 240.938 185.156C244.277 176.719 245.947 168.193 245.947 159.58V44.4434C245.977 41.8359 245.01 39.5801 243.105 37.6758ZM220.84 160.664C220.84 202.354 150 238.271 150 238.271V59.502H220.84C220.84 59.502 220.84 118.975 220.84 160.664Z" fill="white"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_68_61">
|
||||
<rect width="300" height="300" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 4.9 KiB After Width: | Height: | Size: 8.6 KiB |
|
Before Width: | Height: | Size: 4.9 KiB After Width: | Height: | Size: 8.6 KiB |
|
Before Width: | Height: | Size: 4.8 KiB After Width: | Height: | Size: 8.6 KiB |
|
Before Width: | Height: | Size: 5.1 KiB After Width: | Height: | Size: 8.5 KiB |
|
Before Width: | Height: | Size: 5.1 KiB After Width: | Height: | Size: 8.5 KiB |
|
Before Width: | Height: | Size: 5.0 KiB After Width: | Height: | Size: 8.5 KiB |
|
Before Width: | Height: | Size: 490 KiB |
|
Before Width: | Height: | Size: 1.3 MiB |
|
Before Width: | Height: | Size: 206 KiB |
|
Before Width: | Height: | Size: 624 KiB |
|
Before Width: | Height: | Size: 637 KiB |
|
Before Width: | Height: | Size: 292 KiB |
|
Before Width: | Height: | Size: 377 KiB |
|
Before Width: | Height: | Size: 1.2 MiB |
@@ -1,17 +1,3 @@
|
||||
# Bitwarden Media Assets
|
||||
# Media Assets
|
||||
|
||||
**Product Mockups**
|
||||
|
||||

|
||||

|
||||

|
||||

|
||||

|
||||

|
||||

|
||||

|
||||
|
||||
**Logos**
|
||||
|
||||

|
||||

|
||||
For more media assets please vist [bitwarden.com/resources/press-room/](https://bitwarden.com/resources/press-room/)
|
||||
|
||||
|
After Width: | Height: | Size: 168 KiB |
|
After Width: | Height: | Size: 156 KiB |
|
After Width: | Height: | Size: 209 KiB |
6
renovate.json
Normal file
@@ -0,0 +1,6 @@
|
||||
{
|
||||
"$schema": "https://docs.renovatebot.com/renovate-schema.json",
|
||||
"extends": [
|
||||
"local>bitwarden/renovate-config"
|
||||
]
|
||||
}
|
||||
BIN
screenshots/apps-combo-logo-dark.png
Normal file
|
After Width: | Height: | Size: 80 KiB |
BIN
screenshots/apps-combo-logo-white.png
Normal file
|
After Width: | Height: | Size: 80 KiB |
|
Before Width: | Height: | Size: 53 KiB After Width: | Height: | Size: 80 KiB |
BIN
screenshots/apps-combo.png
Normal file
|
After Width: | Height: | Size: 71 KiB |
|
Before Width: | Height: | Size: 128 KiB |
|
Before Width: | Height: | Size: 292 KiB |
BIN
screenshots/authenticator-android-codes.png
Normal file
|
After Width: | Height: | Size: 103 KiB |
BIN
screenshots/authenticator-ios-codes.png
Normal file
|
After Width: | Height: | Size: 84 KiB |
|
Before Width: | Height: | Size: 40 KiB |
|
Before Width: | Height: | Size: 78 KiB |
|
Before Width: | Height: | Size: 2.1 MiB |
|
Before Width: | Height: | Size: 90 KiB |
|
Before Width: | Height: | Size: 124 KiB |
BIN
screenshots/mac app-vault-send.png
Normal file
|
After Width: | Height: | Size: 78 KiB |
BIN
screenshots/mac app-vault.png
Normal file
|
After Width: | Height: | Size: 84 KiB |
|
Before Width: | Height: | Size: 592 KiB |
|
Before Width: | Height: | Size: 190 KiB |
|
Before Width: | Height: | Size: 204 KiB |
|
Before Width: | Height: | Size: 208 KiB After Width: | Height: | Size: 76 KiB |
|
Before Width: | Height: | Size: 1.1 MiB |
|
Before Width: | Height: | Size: 721 KiB |
|
Before Width: | Height: | Size: 718 KiB |
|
Before Width: | Height: | Size: 725 KiB |
|
Before Width: | Height: | Size: 682 KiB |
|
Before Width: | Height: | Size: 711 KiB |
|
Before Width: | Height: | Size: 143 KiB |
|
Before Width: | Height: | Size: 179 KiB |
|
Before Width: | Height: | Size: 151 KiB |
|
Before Width: | Height: | Size: 116 KiB |
|
Before Width: | Height: | Size: 478 KiB |
|
Before Width: | Height: | Size: 394 KiB |
|
Before Width: | Height: | Size: 372 KiB |
|
Before Width: | Height: | Size: 376 KiB |
|
Before Width: | Height: | Size: 342 KiB |
|
Before Width: | Height: | Size: 372 KiB |
|
Before Width: | Height: | Size: 96 KiB |
|
Before Width: | Height: | Size: 98 KiB After Width: | Height: | Size: 75 KiB |
|
Before Width: | Height: | Size: 92 KiB |
|
Before Width: | Height: | Size: 100 KiB |
BIN
screenshots/mobile-password-generator.png
Normal file
|
After Width: | Height: | Size: 464 KiB |
BIN
screenshots/mobile-send.png
Normal file
|
After Width: | Height: | Size: 408 KiB |
BIN
screenshots/mobile-vault.png
Normal file
|
After Width: | Height: | Size: 474 KiB |
BIN
screenshots/passwordless-biometrics.png
Normal file
|
After Width: | Height: | Size: 592 KiB |
BIN
screenshots/web-browser-extension-generator.png
Normal file
|
After Width: | Height: | Size: 78 KiB |
BIN
screenshots/web-reports.png
Normal file
|
After Width: | Height: | Size: 98 KiB |
|
Before Width: | Height: | Size: 513 KiB |
|
Before Width: | Height: | Size: 172 KiB |
|
Before Width: | Height: | Size: 47 KiB After Width: | Height: | Size: 180 KiB |