docs(cn): translate src/content/branding.md

Author: huangyunzhi

src/content/branding.md

@@ -1,5 +1,5 @@
 ---
-title: Branding Guidelines
+title: 品牌指南
 sort: 2
 contributors:
   - jhnns
@@ -8,70 +8,70 @@ contributors:
   - byzyk
 ---
 
-Here you can find __webpack__ project brand guidelines, assets, and license. See our official [media repository](https://github.com/webpack/media) for more information and to find the [license](https://github.com/webpack/media/blob/master/LICENSE) that governs this work. Click any of the images to download them.
+在这里你可以找到 __webpack__ 项目的品牌指南、资源和许可证。有关更多信息，请通过查看我们的官方 [media 仓库](https://github.com/webpack/media)，并找到[许可证](https://github.com/webpack/media/blob/master/LICENSE)来了解。点击任意图片下载它们。
 
 
-## The Name
+## 名称
 
-webpack should __always__ be written in lower-case letters, even at the beginning of a sentence.
+webpack 应当__总是__以小写字母书写，即使在一句话的起始位置也是如此。
 
 
 ## Logo
 
-The webpack logo should be placed on a white background with enough space around it like this:
+webpack logo 应放置在白色背景上，并且其周围有足够间距，如下所示:
 
 <img src="https://raw.githubusercontent.com/webpack/media/master/logo/logo-on-white-bg.png" alt="webpack logo default with proper spacing on light background" />
 
 [svg](https://github.com/webpack/media/blob/master/logo/logo-on-white-bg.svg) | [png](https://github.com/webpack/media/blob/master/logo/logo-on-white-bg.png) | [jpg](https://github.com/webpack/media/blob/master/logo/logo-on-white-bg.jpg)
 
-Just double the size of the inner dark blue cube to get an idea how much space the logo should have.
+只需将内部深蓝色正方体的大小加倍，就可以知道 logo 应占据多大空间。
 
-For dark backgrounds, you can use the negative version of the logo:
+对于深色背景，可以使用 logo 的反色版本：
 
 <div style="display: block; background: #111;">
   <img src="https://raw.githubusercontent.com/webpack/media/master/logo/logo-on-dark-bg.png" alt="webpack logo default with proper spacing on light background" />
 </div>
 
 [svg](https://github.com/webpack/media/blob/master/logo/logo-on-dark-bg.svg) | [png](https://github.com/webpack/media/blob/master/logo/logo-on-dark-bg.png) | [jpg](https://github.com/webpack/media/blob/master/logo/logo-on-dark-bg.jpg)
 
-T> Please use the __icon + text__ whenever possible.
+T> 请尽可能的使用__图标 + 文本__的组合方式。
 
 
-## Icon only
+## 只包含图标
 
-__The icon is designed to be used in layout-constrained areas. As previously stated, please prefer icon + text.__
+__图标旨在用于布局有限的区域。如前所述，最好选择 图标+文字 的组合方式。__
 
 <img src="https://raw.githubusercontent.com/webpack/media/master/logo/icon.png" width="250" alt="icon example">
 
 [svg](https://github.com/webpack/media/blob/master/logo/icon.svg) | [png](https://github.com/webpack/media/blob/master/logo/icon.png) | [jpg](https://github.com/webpack/media/blob/master/logo/icon.jpg)
 
-Square-sized icon for bigger areas (like avatars or profile pictures):
+适用于较大区域的正方形尺寸图标（例如头像或个人图片）：
 
 <img src="https://raw.githubusercontent.com/webpack/media/master/logo/icon-square-big.png" width="250" alt="icon square big example">
 
 [svg](https://github.com/webpack/media/blob/master/logo/icon-square-big.svg) | [png](https://github.com/webpack/media/blob/master/logo/icon-square-big.png) | [jpg](https://github.com/webpack/media/blob/master/logo/icon-square-big.jpg)
 
-Square-sized icon for smaller areas (like favicons):
+适用于较小区域的正方形尺寸图标（例如，favicon）：
 
 <img src="https://raw.githubusercontent.com/webpack/media/master/logo/icon-square-small.png" width="50" alt="icon square small example">
 
 [svg](https://github.com/webpack/media/blob/master/logo/icon-square-small.svg) | [png](https://github.com/webpack/media/blob/master/logo/icon-square-small.png) | [jpg](https://github.com/webpack/media/blob/master/logo/icon-square-small.jpg)
 
-T> 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 ;))
+T> 对于那些遵循我们的指南，并已经深入了解的人，我们还制作了一个专门用于自定义 emoji 符号的特殊小尺寸图片（例如，在 slack 或 gitter 频道 ;)）。
 
 <img src="/assets/icon-square-small-slack.png" width="50" alt="icon square small example">
 
 
-## Font
+## 字体
 
-We use the beautiful [Geomanist Medium](http://atipofoundry.com/fonts/geomanist) font from the extremely talented folks at the [Atipo Foundry](http://atipofoundry.com/) who provide the entire font family at a 'pay what you want' model.
+我们使用由一群极具天赋的人所设计的 [Atipo Foundry](http://atipofoundry.com/) 这款漂亮字体，它来自 [Geomanist Medium](http://atipofoundry.com/fonts/geomanist) 这个网站，并通过“随你付”的模式来提供完整的字体族。
 
 
-## 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](https://opencollective.com/) and [Threadless](https://medium.com/u/840563ee2a56) over at the [official webpack store](https://webpack.threadless.com/collections/the-final-release-collection/)!
+在 [Open Collective](https://opencollective.com/) 和 [Threadless](https://medium.com/u/840563ee2a56) 的帮助下，以下颜色在我们整个网站中被以各种组合形式使用，并且在 [webpack 官方商城](https://webpack.threadless.com/collections/the-final-release-collection/) 推出的时尚服装系列中也用了这些颜色！
 
-| Color Name    | HEX Code      | RGB Code              | Sample
+| 颜色名称    | HEX 码      | RGB 码              | 示例
 |---------------|---------------|-----------------------|-------------------------------
 | Malibu:       | HEX `#8dd6f9` | `rgb: 141, 214, 249`  | <div style="background-color: #8dd6f9;">&nbsp;</div>
 | Denim:        | HEX `#1d78c1` | `rgb: 29, 120, 193`   | <div style="background-color: #1d78c1;">&nbsp;</div>
@@ -85,12 +85,12 @@ The following colors are used throughout the site in various combinations and on
 | Emperor:      | HEX `#535353` | `rgb: 83, 83, 83`     | <div style="background-color: #535353;">&nbsp;</div>
 | Mine Shaft:   | HEX `#333333` | `rgb: 51, 51, 51`     | <div style="background-color: #333333;">&nbsp;</div>
 
-In addition, you can grab the following file types directly from these links:
+此外，你可以直接从下面的链接，获取这些类型的文件：
 
 [psd](https://raw.githubusercontent.com/webpack/media/master/design/webpack-palette.psd) | [png](https://raw.githubusercontent.com/webpack/media/master/design/webpack-palette.png)
  | [ai](https://raw.githubusercontent.com/webpack/media/master/design/webpack-palette.ai) | [svg](https://raw.githubusercontent.com/webpack/media/master/design/webpack-palette.svg)
 
 
-## License
+## 许可证
 
-The logo and the brand name are __not MIT licensed__. Please check [our LICENSE](https://github.com/webpack/media/blob/master/LICENSE) for usage guidelines.
+logo 和品牌名称__并不遵循 MIT 许可__。请查看我们的[许可证](https://github.com/webpack/media/blob/master/LICENSE)页面，以获取使用指南。