diff --git a/examples/app.vue b/examples/app.vue
index c0708c2ec..8b50d42ea 100644
--- a/examples/app.vue
+++ b/examples/app.vue
@@ -1,6 +1,7 @@
 <style lang="css">
   @import 'highlight.js/styles/color-brewer.css';
   @import 'assets/styles/common.css';
+  @import 'packages/theme-default/src/reset.css';
 
   html, body {
     margin: 0;
@@ -13,22 +14,15 @@
   }
 
   body {
-    font-family: 'Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',SimSun,sans-serif;
-    overflow: auto;
-    font-weight: 400;
     -webkit-font-smoothing: antialiased;
   }
 
+  p {
+    margin: 1em 0;
+  }
+
   a {
     color: #4078c0;
-    text-decoration: none;
-  }
-
-  button, input, select, textarea {
-    font-family: inherit;
-    font-size: inherit;
-    line-height: inherit;
-    color: inherit;
   }
 
   .hljs {
diff --git a/examples/pages/template/index.tpl b/examples/pages/template/index.tpl
index dc87051e1..148ed3e95 100644
--- a/examples/pages/template/index.tpl
+++ b/examples/pages/template/index.tpl
@@ -54,6 +54,7 @@
     h2 {
       font-size: <%= titleSize >px;
       margin: 0;
+      color: #fff;
     }
 
     p {
diff --git a/packages/theme-default/src/reset.css b/packages/theme-default/src/reset.css
new file mode 100644
index 000000000..41f8ebd34
--- /dev/null
+++ b/packages/theme-default/src/reset.css
@@ -0,0 +1,72 @@
+@import './common/var.css';
+
+@reset-global pc;
+body {
+  font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
+  font-weight: 400;
+  font-size: var(--font-size-base);
+  color: var(--color-grey);
+}
+
+a {
+  color: var(--color-primary);
+  text-decoration: none;
+
+  &:hover,
+  &:focus {
+    color: tint(var(--color-primary), var(--button-hover-tint-percent));
+  }
+
+  &:active {
+    color: shade(var(--color-primary), var(--button-active-shade-percent));
+  }
+}
+
+h1, h2, h3, h4, h5, h6 {
+  color: var(--font-color-base);
+  font-weight: inherit;
+
+  &:first-child {
+    margin-top: 0;
+  }
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+}
+
+h1 {
+  font-size: calc(var(--font-size-base) + 6px);
+}
+
+h2 {
+  font-size: calc(var(--font-size-base) + 4px);
+}
+
+h3 {
+  font-size: calc(var(--font-size-base) + 2px);
+}
+
+h4, h5, h6, p {
+  font-size: inherit;
+}
+
+p {
+  line-height: 1.8;
+
+  &:first-child {
+    margin-top: 0;
+  }
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+}
+
+sup, sub {
+  font-size: calc(var(--font-size-base) - 1px);
+}
+
+small {
+  font-size: calc(var(--font-size-base) - 2px);
+}