Movatterモバイル変換


[0]ホーム

URL:


webpack logo
ag grid
ag charts

Branding Guidelines

Here you can findwebpack project brand guidelines, assets, and license. See our officialmedia repository for more information and to find thelicense that governs this work. Click any of the images to download them.

The Name

Webpack can be written with a capital W when used at the start of a sentence, otherwise it should be written in lower-case letters.

Logo

The webpack logo should be placed on a white background with enough space around it like this:

webpack logo default with proper spacing on light background

svg |png |jpg

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:

webpack logo default with proper spacing on light background

svg |png |jpg

tip

Please use theicon + text whenever possible.

Icon only

The icon is designed to be used in layout-constrained areas. As previously stated, please prefer icon + text.

icon example

svg |png |jpg

Square-sized icon for bigger areas (like avatars or profile pictures):

icon square big example

svg |png |jpg

Square-sized icon for smaller areas (like favicons):

icon square small example

svg |png |jpg

tip

For those of you following our guidelines and have gotten this far, we've made a smaller size image used especially for custom emoji (like in a slack or gitter channel ;))

icon square small example

Color Palette

The following colors are used throughout the site in various combinations and on our fancy clothing line launched with the help ofOpen Collective andThreadless over at theofficial webpack store!

Color NameHEX CodeRGB CodeSample
Malibu:HEX#8dd6f9rgb: 141, 214, 249
 
Denim:HEX#1d78c1rgb: 29, 120, 193
 
Fiord:HEX#465E69rgb: 70, 94, 105
 
Outer Space:HEX#2B3A42rgb: 43, 58, 66
 
White:HEX#ffffffrgb: 255, 255, 255
 
Concrete:HEX#f2f2f2rgb: 242, 242, 242
 
Alto:HEX#dededergb: 222, 222, 222
 
Dusty Gray:HEX#999999rgb: 153, 153, 153
 
Dove Gray:HEX#666666rgb: 102, 102, 102
 
Emperor:HEX#535353rgb: 83, 83, 83
 
Mine Shaft:HEX#333333rgb: 51, 51, 51
 

In addition, you can grab the following file types directly from these links:

psd |png|ai |svg

License

The logo and the brand name arenot MIT licensed. Please checkour LICENSE for usage guidelines.

« Previous
Awesome webpack
Next »
Glossary

4 Contributors

jhnnsskipjackrouzbeh84byzyk

[8]ページ先頭

©2009-2025 Movatter.jp