diff --git a/components/footnotes.js b/components/footnotes.js
index cdea08f..cf1ef7e 100644
--- a/components/footnotes.js
+++ b/components/footnotes.js
@@ -48,7 +48,6 @@ const Footnotes = ({ footnotes }) => {
           <div>
             <h4>
               {footnote2.title}
-              <span>(not ready yet)</span>
             </h4>
             <p>
               {footnote2.description}
diff --git a/pages/about/work-experience.js b/pages/about/work-experience.js
index 0247a0f..9270f15 100644
--- a/pages/about/work-experience.js
+++ b/pages/about/work-experience.js
@@ -36,7 +36,7 @@ class WorkExperience extends Component {
       {
         title: 'Blog',
         description: `Sometimes I like to write about code and share my knowledge to learn/teach other people.`,
-        href: '/'
+        href: '/blog'
       }
     ]
 
diff --git a/pages/index.js b/pages/index.js
index 9fc00d4..9cab20f 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -6,6 +6,7 @@ import sortArr from 'sort-arr'
 import Link from 'next/link'
 
 import Page from './../layouts/page'
+import { colors, typography } from './../theme'
 
 class Home extends Component {
   static async getInitialProps() {
@@ -23,7 +24,7 @@ class Home extends Component {
     ).reverse()[0]
 
     return (
-      <Page color="#fff">
+      <Page color={colors.white}>
         <div>
           <h1>bu kinoshita</h1>
           <h2>front-end engineer & ux designer</h2>
@@ -68,7 +69,7 @@ class Home extends Component {
               }
 
               h2 {
-                color: #868e96;
+                color: ${colors.subtitle};
                 line-height: 30px;
               }
 
@@ -79,32 +80,32 @@ class Home extends Component {
 
               li {
                 font-size: 13px;
-                color: #868e96;
+                color: ${colors.subtitle};
                 padding-right: 5px;
               }
 
               a,
               span {
-                color: #868e96;
+                color: ${colors.subtitle};
                 margin-right: 5px;
                 cursor: pointer;
               }
 
               a:hover,
               span:hover {
-                color: #000;
+                color: ${colors.black};
               }
 
               h3 {
-                font-weight: 400;
+                font-weight: ${typography.regular};
                 font-size: 14px;
-                color: #868e96;
+                color: ${colors.subtitle};
                 margin-top: 16px;
               }
 
               h3 a {
-                font-weight: 600;
-                color: #000;
+                font-weight: ${typography.bold};
+                color: ${colors.black};
               }
 
               h3 a:hover {