Update branding.md

Author: hello-lizhihua

src/content/branding.md

@@ -1,42 +1,42 @@
 ---
-title: 商标使用指南
+title: 品牌指南
 sort: 2
 contributors:
   - jhnns
   - skipjack
   - rouzbeh84
 ---
-## 商标使用指南
-在这里，你可以找到**webpack**项目的商标使用指南、相关素材以及使用许可。详情请参阅：  
-<br />官方仓库：https://github.com/webpack/media  
-<br />使用许可：https://github.com/webpack/media/blob/master/LICENSE  
-<br />点击以上任意地址即可下载素材。
 
+在这里你可以找到 **webpack** 项目的品牌指南、资源和许可证。有关更多信息，请通过查看我们官方 [media 仓库](https://github.com/webpack/media)，并找到[许可证](https://github.com/webpack/media/blob/master/LICENSE) 来了解。点击任意图片下载它们。
 
-## webpack名
 
-webpack名应当以小写字母书写，就算它在句首也不例外。
+## 名称
 
+webpack 应当**总是**以小写字母书写。即使在一句话的起始位置也是如此。
 
-## webpack logo
 
-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" />
+webpack logo 应放置在白色背景上，其周围有足够间距，如下所示：
+
+<img src="https://raw.githubusercontent.com/webpack/media/master/logo/logo-on-white-bg.png" alt="webpack logo 默认在浅色背景上，并保持适当间距" />
 
 [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)
 
 只需将内部深蓝色正方体的大小加倍，就可以知道 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)
-<br />T> 请尽可能使用 图标+文本 的组合方式
 
+T> 请尽可能使用 **图标+文本** 的组合方式。
 
-## 只使用图标
+
+## 只包含图标
 
 **图标旨在用于布局有限的区域。如前所述，最好选择 图标+文字 的组合方式。**
 
@@ -56,20 +56,21 @@ webpack图标应该置于白色背景中，最好让白色背景空间多一点
 
 [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)
 
-<br />T> 对于那些遵循我们的指南，并已经深入了解的人，我们还制作了一个专门用于自定义 emoji 符号的特殊小尺寸图片（例如，在 slack 或 gitter 频道 );
+T> 对于那些遵循我们的指南，并已经深入了解的人，我们还制作了一个专门用于自定义 emoji 符号的特殊小尺寸图片（例如，在 slack 或 gitter 频道 ;)）
 
 <img src="/assets/icon-square-small-slack.png" width="50" alt="icon square small example">
 
 
 ## 字体
 
-我们使用来自 Geomanist Medium 这个网站，由一群极具天赋的人所设计的 Atipo Foundry 这款漂亮字体，他们通过 'pay what you want' 的模型，提供完整字体系列。
+我们使用来自 [Geomanist Medium](http://atipofoundry.com/fonts/geomanist) 这个网站，由一群极具天赋的人所设计的 [Atipo Foundry](http://atipofoundry.com/) 这款漂亮字体，他们通过 'pay what you want' 的模型，提供完整字体系列。
+
 
 ## 调色板
 
-以下颜色在整个网站中，以各种组合形式使用，并且在 Open Collective 和 Threadless 的帮助下，在官方 webpack 商店我们推出的时尚服装系列中，也用到这些颜色！
+以下颜色在整个网站中，以各种组合形式使用，并且在 [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>
@@ -83,12 +84,12 @@ webpack图标应该置于白色背景中，最好让白色背景空间多一点
 | 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>
 
-此外，可以直接从下面的链接，获取如下格式的文件
+此外，可以直接从下面的链接，获取这些类型的文件：
 
 [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)
 
 
-## 使用许可
+## 许可
 
-logo 和商标名称未经MIT授权许可。在使用指南时，请查看我们的许可证相关信息。
+logo 和品牌名称**并不遵循 MIT 许可**。请查看我们的[遵循许可](https://github.com/webpack/media/blob/master/LICENSE)页面，以获取使用指南。