docs: add english design document (#8814)

docs/markdown/design.en-US.md

@@ -0,0 +1,60 @@
+# Design Resource
+
+### Intro
+
+You can download Vant's design resources here.
+
+## Resources
+
+### Components (Sketch)
+
+Contains color specifications, font specifications, and component design specifications.
+
+#### Colors
+
+<img src="https://img.yzcdn.cn/vant/color_202009101415.png" style="width: 80%; box-shadow: 0 1px 2px rgba(0,0,0,.2)">
+
+#### Fonts
+
+<img src="https://img.yzcdn.cn/vant/words_202009101415.png" style="width: 80%; box-shadow: 0 1px 2px rgba(0,0,0,.2)">
+
+#### Components
+
+<img src="https://img.yzcdn.cn/vant/tab_202009101415.png" style="width: 80%; box-shadow: 0 1px 2px rgba(0,0,0,.2)">
+
+<a class="design-download" href="https://github.com/youzan/vant/blob/dev/docs/assets/design.sketch?raw=true">Download</a>
+
+### Icons (Sketch)
+
+Contains icon library resources.
+
+<img src="https://img.yzcdn.cn/vant/design-icons-0321.png" style="width: 80%; box-shadow: 0 1px 2px rgba(0,0,0,.2)">
+
+<a class="design-download" href="https://github.com/youzan/vant/blob/dev/packages/vant-icons/assets/icons.sketch?raw=true">Download</a>
+
+### Axure
+
+<img src="https://img.yzcdn.cn/vant/vant-axure-0905.png" style="width: 80%; box-shadow: 0 1px 2px rgba(0,0,0,.2)">
+
+<a class="design-download" href="https://b.yzcdn.cn/vant/vant-axure-20200905.zip">Download</a>
+
+<style>
+a.design-download {
+  display: inline-block;
+  width: 100px;
+  color: #fff !important;
+  line-height: 40px;
+  text-align: center;
+  background-color: #38f;
+  border-radius: 3px;
+}
+
+a.design-download:hover {
+  color: #fff;
+  opacity: .9;
+}
+
+a.design-download:active {
+  opacity: .7;
+}
+</style>

docs/markdown/home.zh-CN.md

@@ -27,7 +27,7 @@ Vant 是**有赞前端团队**开源的移动端组件库，于 2017 年开源
 
 ### 快速上手
 
-请参考[快速上手](#/zh-CN/quickstart)章节。
+请阅读[快速上手](#/zh-CN/quickstart)章节，通过该章节你可以了解到 Vant 的安装方法和基本使用姿势。
 
 ### 贡献代码
 

packages/vant-cli/site/desktop/components/Content.vue

@@ -32,7 +32,8 @@ export default {
 
   > p a,
   > ul a,
-  > table a {
+  > table a,
+  > blockquote a {
     margin: 0 1px;
     color: @van-doc-blue;
     -webkit-font-smoothing: auto;

src/style/README.zh-CN.md

@@ -49,7 +49,7 @@ Vant 中默认包含了一些常用样式，可以直接通过 className 的方
 
 ### 动画
 
-可以通过 `transition` 组件使用内置的动画
+可以通过 `transition` 组件使用内置的动画类。
 
 ```html
 <!-- 淡入 -->

vant.config.js

@@ -499,6 +499,10 @@ module.exports = {
                 path: 'theme',
                 title: 'Custom Theme',
               },
+              {
+                path: 'design',
+                title: 'Design Resources',
+              },
               {
                 path: 'locale',
                 title: 'Internationalization',