diff --git a/layouts/default.vue b/layouts/default.vue
index 1b83fd4..b26c43f 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -107,7 +107,9 @@ export default {
               height: 24px
               border-radius: 50%
               margin-right: .5rem
-
+        .navbar-sign
+          a.button
+            margin-right: .5rem
 footer.footer
   text-align: center
   padding: 4rem
diff --git a/pages/account/create.vue b/pages/account/create.vue
new file mode 100644
index 0000000..b0ac7cf
--- /dev/null
+++ b/pages/account/create.vue
@@ -0,0 +1,41 @@
+<template lang="pug">
+.account-create.circumscription
+  div.card
+    .left CREATE
+    .right
+      input(placeholder="account")
+      input(placeholder="password")
+      button Submit
+</template>
+
+<style lang="sass">
+.account-create
+  padding-top: 6rem
+  .card
+    display: flex
+    width: 48rem
+    margin: auto
+    background-color: var(--background-main)
+    margin-top: 6rem
+    padding: 6rem 4rem
+    border-radius: 1rem
+    box-sizing: border-box
+    .left
+      flex: 1
+      font-size: 4rem
+      font-weight: bold
+      color: #ff8888
+      display: flex
+      justify-content: center
+      align-items: center
+    .right
+      width: 18rem
+      display: flex
+      flex-direction: column
+      input, button
+        margin-bottom: 1rem
+        font-size: 1.2rem
+        padding: .75rem
+        border: none
+        border-radius: .5rem
+</style>
diff --git a/pages/account/signin.vue b/pages/account/signin.vue
index 4ec21d2..c80e538 100644
--- a/pages/account/signin.vue
+++ b/pages/account/signin.vue
@@ -1,16 +1,11 @@
 <template lang="pug">
-.page-signin
-  .contenter
-    Card
-      template(#header)
-      .column
-        input(v-model="account.name", type="text", placeholder="请输入账号")
-        input(v-model="account.password", type="password", placeholder="请输入密码")
-        button(@click="signin") signin
-      template(#footer)
-        p
-          span 还没有账号?
-          NuxtLink(to="/account/create") 注册一个
+.account-signin.circumscription
+  div.card
+    .left SIGN IN
+    .right
+      input(v-model="account.name", type="text", placeholder="account")
+      input(v-model="account.password", type="password", placeholder="password")
+      button(@click="signin") Signin
 </template>
 
 <script>
@@ -38,19 +33,51 @@ export default {
 </script>
 
 <style lang="sass">
-.page-signin
-  .contenter
-    .column
+.account-signin
+  padding-top: 6rem
+  .card
+    display: flex
+    width: 48rem
+    margin: auto
+    background-color: var(--background-main)
+    margin-top: 6rem
+    padding: 6rem 4rem
+    border-radius: 1rem
+    box-sizing: border-box
+    .left
+      flex: 1
+      font-size: 4rem
+      font-weight: bold
+      color: #ff8888
+      display: flex
+      justify-content: center
+      align-items: center
+    .right
+      width: 18rem
       display: flex
       flex-direction: column
-      background: #f5f5f5
-      padding: 6rem 0
       input, button
-        width: 16rem
-        height: 3rem
-        line-height: 3rem
-        border: 1px solid #ccc
+        margin-bottom: 1rem
+        font-size: 1.2rem
+        padding: .75rem
+        border: none
         border-radius: .5rem
-        padding: 0 1rem
-        margin: .5rem auto
+//.page-signin
+  //.contenter
+  //  background: #f5f5f5
+  //  .column
+  //    display: flex
+  //    flex-direction: column
+  //    padding: 6rem 0
+  //    input, button
+  //      width: 16rem
+  //      height: 3rem
+  //      line-height: 3rem
+  //      border: 1px solid #ccc
+  //      border-radius: .5rem
+  //      padding: 0 1rem
+  //      margin: .5rem auto
+  //    p
+  //      width: 16rem
+  //      margin: .5rem auto
 </style>
diff --git a/pages/thread/create.vue b/pages/thread/create.vue
index 77e7d74..9500920 100644
--- a/pages/thread/create.vue
+++ b/pages/thread/create.vue
@@ -1,18 +1,19 @@
 <template lang="pug">
-.thread-create
-  .header
-    h1.title {{ thread.title }}
-    .info info
-      //span.user {{ thread.user.name }}
-      //span.date {{ rwdate(thread.createdAt) }}
-      //span.view {{ thread.views }}
-    .tags
-      span.tag test
-      span.tag demo
-  .content.circumscription
-    input.title(v-model="thread.title")
-    textarea.data(v-model="thread.data", rows="32")
-    button.submit(@click="submit") 发表
+Drawer
+  .thread-create
+    .header
+      h1.title {{ thread.title }}
+      .info info
+        //span.user {{ thread.user.name }}
+        //span.date {{ rwdate(thread.createdAt) }}
+        //span.view {{ thread.views }}
+      .tags
+        span.tag test
+        span.tag demo
+    .content.circumscription
+      input.title(v-model="thread.title")
+      textarea.data(v-model="thread.data", rows="32")
+      button.submit(@click="submit") 发表
 </template>
 
 <script>