品牌指南

在这里你可以找到 webpack 项目的品牌指南、资源和许可证。有关更多信息,请通过查看我们的官方媒体仓库,并找到许可证来了解。点击任意图片下载它们。

名称

Webpack 在句子的开头可以是大写字母 W,否则它应该全部为小写。

Logo

webpack logo 应放置在白色背景上,并且其周围有足够间距,如下所示:

webpack logo default with proper spacing on light background

svg | png | jpg

将内部深蓝色正方体的大小加倍,就可以知道 logo 应占据多大空间。

对于深色背景,可以使用 logo 的反色版本:

webpack logo default with proper spacing on light background

svg | png | jpg

只包含图标

图标旨在用于布局有限的区域。如前所述,最好选择 图标+文字 的组合方式

icon example

svg | png | jpg

适用于较大区域的正方形尺寸图标(例如头像或个人图片):

icon square big example

svg | png | jpg

适用于较小区域的正方形尺寸图标(例如,favicon):

icon square small example

svg | png | jpg

icon square small example

调色板

Open CollectiveThreadless 的帮助下,以下颜色在我们整个网站中被以各种组合形式使用,并且在 webpack 官方商城 推出的时尚服装系列中也用了这些颜色!

颜色名称HEX 码RGB 码示例
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
 

此外,你可以直接从下面的链接,获取这些类型的文件:

psd | png | ai | svg

许可证

logo 和品牌名称并不遵循 MIT 许可。请查看我们的许可证页面,以获取使用指南。

4 位贡献者

jhnnsskipjackrouzbeh84byzyk

Webpack 5 现已正式发布。请阅读我们的 发布公告。如还未准备升级,请阅读 webpack 4 文档