diff --git a/docs/download.md b/docs/download.md
index e321ad1f01..969abf9814 100644
--- a/docs/download.md
+++ b/docs/download.md
@@ -1,6 +1,6 @@
 # 下载
 
-- category: top
+- category: 3
 - order: 2
 
 ---
diff --git a/docs/getting-started.md b/docs/getting-started.md
index c7a7e3435b..01d4c07700 100644
--- a/docs/getting-started.md
+++ b/docs/getting-started.md
@@ -1,6 +1,6 @@
 # 快速上手
 
-- category: top
+- category: 1
 - order: 1
 
 ---
diff --git a/docs/introduce.md b/docs/introduce.md
index 8265d9a0c7..67f1b3f5d4 100644
--- a/docs/introduce.md
+++ b/docs/introduce.md
@@ -1,6 +1,6 @@
 # 介绍
 
-- category: top
+- category: 0
 - order: 0
 
 ---
diff --git a/site/templates/aside.html b/site/templates/aside.html
index 59acefd681..01fbc9527a 100644
--- a/site/templates/aside.html
+++ b/site/templates/aside.html
@@ -2,7 +2,7 @@
 <aside class="aside-container">
   <ul>
   {%- for category in categories %}
-    {%- if category.name === 'top' %}
+    {%- if category.pages.length === 1 %}
       {%- for item in category.pages|splitComponentsByType(category.name) %}
       <li class="{%- if item.title === post.title %}current{%- endif %}">
         <a href="{{permalink_url(item)}}" class="{%- if item.meta.disabled %}nav-link-disabled{%- endif %}">
diff --git a/site/templates/layout.html b/site/templates/layout.html
index 0838d3d576..3ee61d5ade 100644
--- a/site/templates/layout.html
+++ b/site/templates/layout.html
@@ -95,12 +95,12 @@
           <li class="{%- if post.directory|rootDirectoryIn(['spec']) %}current{%- endif %}">
             <a href="/spec/introduce">设计</a>
           </li>
-          <li class="{%- if post.directory|rootDirectoryIn(['docs','components']) %}current{%- endif %}">
-            <a href="/docs/introduce">React</a>
-          </li>
           <li>
             <a class="nav-link-disabled" href="">案例</a>
           </li>
+          <li class="{%- if post.directory|rootDirectoryIn(['docs','components']) %}current{%- endif %}">
+            <a href="/docs/introduce">React</a>
+          </li>
           <li>
             <a target="_blank" href="https://github.com/ant-design/ant-design">Github</a>
           </li>
diff --git a/site/theme.js b/site/theme.js
index 248ef45fb4..9c7f042667 100644
--- a/site/theme.js
+++ b/site/theme.js
@@ -89,7 +89,7 @@ module.exports = function(nico) {
         });
         // 设计的分类排序
         categories = categories.sort(function(a, b) {
-          var cats = ['风格', '动画'];
+          var cats = ['风格', '动画', '模式', '资源'];
           a = cats.indexOf(a.name);
           b = cats.indexOf(b.name);
           return a - b;
diff --git a/spec/pattern.md b/spec/pattern.md
new file mode 100644
index 0000000000..81e69b7e1e
--- /dev/null
+++ b/spec/pattern.md
@@ -0,0 +1,9 @@
+# 设计模式
+
+- category: 模式
+- disabled: true
+
+---
+
+敬请期待。
+
diff --git a/spec/tools.md b/spec/tools.md
new file mode 100644
index 0000000000..f189550701
--- /dev/null
+++ b/spec/tools.md
@@ -0,0 +1,8 @@
+# 资源下载
+
+- category: 资源
+- disabled: true
+
+---
+
+敬请期待。
diff --git a/static/style.css b/static/style.css
index 4c638f9428..9219648ece 100644
--- a/static/style.css
+++ b/static/style.css
@@ -180,7 +180,7 @@ a.logo {
 
 a.nav-link-disabled {
   cursor: not-allowed;
-  color: #ddd !important;
+  color: #ccc !important;
   pointer-events: none;
 }