Malibu:
HEX #8dd6f9
Branding Guidelines
Here you can find webpack project brand guidelines, assets, and license. See our official media repository for more information and to find the license that governs this work. Click any of the images to download them.
The Name
webpack should always be written in lower-case letters, even at the beginning of a sentence.
Logo
The webpack logo should be placed on a white background with enough space around it like this:
Just double the size of the inner dark blue cube to get an idea how much space the logo should have.
For dark backgrounds, you can use the negative version of the logo:
Please use the icon + text whenever possible.
Icon only
The icon is designed to be used in layout-constrained areas. As previously stated, please prefer icon + text.
Square-sized icon for bigger areas (like avatars or profile pictures):
Square-sized icon for smaller areas (like favicons):
For those of you following our guidelines and have gotten this far, we've made a special smaller size image used especially for custom emoji (like in a slack or gitter channel ;))
Font
We use the beautiful Geomanist Medium font from the extremely talented folks at the Atipo Foundry who provide the entire font family at a 'pay what you want' model.
Color Palette
The following colors are used throughout the site in various combinations and on our fancy clothing line launched with the help of Open Collective and Threadless over at the official webpack store!
| Color Name | HEX Code | RGB Code | Sample |
|---|---|---|---|
Color Name HEX Code RGB Code Sample |
HEX
#8dd6f9 |
rgb: 141, 214, 249 |
|
Color Name HEX Code RGB Code Sample Denim: HEX |
HEX
#1d78c1 |
rgb: 29, 120, 193 |
|
Color Name HEX Code RGB Code Sample Fiord: HEX |
HEX
#465E69 |
rgb: 70, 94, 105 |
|
Color Name HEX Code RGB Code Sample Outer Space: HEX |
HEX
#2B3A42 |
rgb: 43, 58, 66 |
|
Color Name HEX Code RGB Code Sample White: HEX |
HEX
#ffffff |
rgb: 255, 255, 255 |
|
Color Name HEX Code RGB Code Sample Concrete: HEX |
HEX
#f2f2f2 |
rgb: 242, 242, 242 |
|
Color Name HEX Code RGB Code Sample Alto: HEX |
HEX
#dedede |
rgb: 222, 222, 222 |
|
Color Name HEX Code RGB Code Sample Dusty Gray: HEX |
HEX
#999999 |
rgb: 153, 153, 153 |
|
Color Name HEX Code RGB Code Sample Dove Gray: HEX |
HEX
#666666 |
rgb: 102, 102, 102 |
|
Color Name HEX Code RGB Code Sample Emperor: HEX |
HEX
#535353 |
rgb: 83, 83, 83 |
|
Color Name HEX Code RGB Code Sample Mine Shaft: HEX |
HEX
#333333 |
rgb: 51, 51, 51 |
In addition, you can grab the following file types directly from these links:
License
The logo and the brand name are not MIT licensed. Please check our LICENSE for usage guidelines.
