diff --git a/app.json b/app.json
index f9666e75..4efc4633 100644
--- a/app.json
+++ b/app.json
@@ -12,6 +12,7 @@
     "pages/toptips/index",
     "pages/helper/index",
     "pages/steps/index",
+    "pages/namecard/index",
     "pages/toast/index"
   ],
   "window":{
diff --git a/pages/dashboard/index.wxml b/pages/dashboard/index.wxml
index ea7f1b1b..a2180e07 100644
--- a/pages/dashboard/index.wxml
+++ b/pages/dashboard/index.wxml
@@ -33,6 +33,10 @@
       <view class="zui-cell__bd">Helper</view>
       <view class="zui-cell__ft"></view>
     </navigator>
+    <navigator class="zui-cell zui-cell--access" url="/pages/namecard/index">
+      <view class="zui-cell__bd">Namecard</view>
+      <view class="zui-cell__ft"></view>
+    </navigator>
     <navigator class="zui-cell zui-cell--access" url="/pages/quantity/index">
       <view class="zui-cell__bd">Quantity</view>
       <view class="zui-cell__ft"></view>
diff --git a/pages/helper/index.wxml b/pages/helper/index.wxml
index 4f21ce32..4220999f 100644
--- a/pages/helper/index.wxml
+++ b/pages/helper/index.wxml
@@ -31,6 +31,21 @@
       </view>
     </view>
 
+    <view class="zui-cell">
+      <view class="zui-cell__bd">
+        <view class="">
+          <view>字体颜色</view>
+          <view class="zui-c-red">zui-c-red: 红色</view>
+          <view class="zui-c-gray">zui-c-gray: 灰色</view>
+          <view class="zui-c-gray-dark">zui-c-gray-dark: 再灰一点点</view>
+          <view class="zui-c-gray-darker">zui-c-gray-darker: 更深的灰色</view>
+          <view class="zui-c-black">zui-c-black: 黑色</view>
+          <view class="zui-c-blue">zui-c-blue: 蓝色</view>
+          <view class="zui-c-green">zui-c-green: 绿色</view>
+        </view>
+      </view>
+    </view>
+
     <view class="zui-cell">
       <view class="zui-cell__bd">
         <view>zui-arrow：箭头</view>
diff --git a/pages/namecard/index.js b/pages/namecard/index.js
new file mode 100644
index 00000000..99e7458d
--- /dev/null
+++ b/pages/namecard/index.js
@@ -0,0 +1,13 @@
+var app = getApp()
+
+Page({
+  data: {
+  },
+
+  onLoad: function () {
+
+  },
+
+  onShow: function() {
+  },
+})
diff --git a/pages/namecard/index.wxml b/pages/namecard/index.wxml
new file mode 100644
index 00000000..cf4bf5a4
--- /dev/null
+++ b/pages/namecard/index.wxml
@@ -0,0 +1,17 @@
+<view class="container">
+
+  <view class="zui-panel">
+    <view class="zui-namecard">
+      <view class="zui-namecard__thumb">
+        <image class="zui-namecard__img"
+          src="https://img.yzcdn.cn/upload_files/2016/12/06/9deca4d6fad5094bc78cb20339eb4264.png?imageView2/2/w/980/h/980/q/75/format/webp"
+          mode="aspectFit"
+        ></image>
+      </view>
+      <view class="zui-namecard__detail">
+        描述内容~
+      </view>
+    </view>
+  </view>
+
+</view>