diff --git a/site/theme/en-US.js b/site/theme/en-US.js
index b9cd4421bc..b809259ccd 100644
--- a/site/theme/en-US.js
+++ b/site/theme/en-US.js
@@ -15,6 +15,7 @@ module.exports = {
     'app.content.edit-demo': 'Edit this demo on Github!',
     'app.component.examples': 'Examples',
     'app.home.slogan': 'One Design Language for UI',
+    'app.home.introduce': 'Introduce',
     'app.home.start': 'Getting Started',
     'app.home.best-practice': 'Best Practice',
     'app.home.experience': 'Designed by experienced team, and showcase dozens of inspiring projects.',
diff --git a/site/theme/static/home.less b/site/theme/static/home.less
index 2c81591a2e..85325e628f 100644
--- a/site/theme/static/home.less
+++ b/site/theme/static/home.less
@@ -29,8 +29,8 @@
 }
 .banner-text-wrapper {
   position: absolute;
-  left: 10%;
-  top: 55%;
+  left: 13%;
+  top: 53%;
   color: #fff;
   text-align: right;
   font-family: lato;
@@ -63,26 +63,24 @@
 
 .banner-text-wrapper .start-button {
   margin-bottom: 24px;
+  text-align: right;
 
   > a {
-    float: right;
-    min-width: 155px;
-    height: 45px;
+    display: inline-block;
+    height: 36px;
     padding: 0 16px;
     border-radius: 6px;
-    border: 1px solid #00AAEE;
-    color: #00AAEE;
-    font-size: 18px;
+    border: 1px solid #2db7f5;
+    color: #2db7f5;
+    font-size: 14px;
     background: transparent;
     transition: box-shadow .45s ease-out;
     text-align: center;
-    line-height: 42px;
+    line-height: 34px;
+    margin-left: 8px;
   }
   > a:hover {
-    box-shadow: 0 0 10px #00AAEE;
-  }
-  > a span {
-    margin-left: 15px;
+    box-shadow: 0 0 18px #00AAEE;
   }
 }
 
diff --git a/site/theme/template/Home/Banner.jsx b/site/theme/template/Home/Banner.jsx
index 83ca6c741d..156a26cb6e 100644
--- a/site/theme/template/Home/Banner.jsx
+++ b/site/theme/template/Home/Banner.jsx
@@ -25,9 +25,11 @@ export default class Banner extends React.Component {
             <h2 key="h2">ANT <p>DESIGN</p></h2>
             <p key="content"><FormattedMessage id="app.home.slogan" /></p>
             <span className="line" key="line" />
-            <div key="button" className="start-button clearfix">
+            <div key="button1" className="start-button clearfix">
               <Link to="/docs/spec/introduce">
-                <Icon type="smile-o" />
+                <FormattedMessage id="app.home.introduce" />
+              </Link>
+              <Link to="/docs/spec/react">
                 <FormattedMessage id="app.home.start" />
               </Link>
             </div>
diff --git a/site/theme/zh-CN.js b/site/theme/zh-CN.js
index 550b8577a7..55e5c926fd 100644
--- a/site/theme/zh-CN.js
+++ b/site/theme/zh-CN.js
@@ -15,7 +15,8 @@ module.exports = {
     'app.content.edit-demo': '在 Github 上编辑此示例！',
     'app.component.examples': '代码演示',
     'app.home.slogan': '一个 UI 设计语言',
-    'app.home.start': '开始探索',
+    'app.home.introduce': '介绍',
+    'app.home.start': '开始使用',
     'app.home.best-practice': '最佳实践',
     'app.home.experience': '近一年的中后台设计实践，积累了大量的优秀案例。',
     'app.home.design-pattern': '设计模式',