diff --git a/src/views/Project.vue b/src/views/Project.vue
index 660f4c8..b1f94b8 100644
--- a/src/views/Project.vue
+++ b/src/views/Project.vue
@@ -10,7 +10,27 @@
       </template>
     </banner>
 
-    <page-title v-text="project.name"/>
+    <div class="container mx-auto px-4">
+      <div class="flex items-center">
+        <div class="w-1/2">
+          <nav>
+            <a class="py-2 text-gray-900 text-xs uppercase tracking-widest border-b-2 border-gray-900 font-semibold" href="#">Overview</a>
+            <a class="ml-6 py-2 text-gray-900 text-xs uppercase tracking-widest" href="#">Settings</a>
+          </nav>
+        </div>
+
+        <div class="w-1/2 flex items-center justify-end">
+          <button type="button" class="py-1 pl-2 pr-4 flex items-center text-sm uppercase tracking-wider border border-periwinkle">
+            <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="w-6 h-6 block fill-current text-gray-700"><path d="M6.90002 9.8999C6.90002 9.5999 7.00002 9.3999 7.20002 9.1999C7.60002 8.7999 8.20002 8.7999 8.60002 9.1999L12.1 12.6999L15.6 9.1999C16 8.7999 16.6 8.7999 17 9.1999C17.4 9.5999 17.4 10.1999 17 10.5999L12.8 14.7999C12.4 15.1999 11.8 15.1999 11.4 14.7999L7.20002 10.5999C7.00002 10.3999 6.90002 10.1999 6.90002 9.8999Z"></path></svg>
+            <span class="ml-1">Git</span>
+          </button>
+          <button type="button" class="ml-3 py-1 pl-2 pr-4 flex items-center text-sm uppercase tracking-wider border border-periwinkle">
+            <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="w-6 h-6 block fill-current text-gray-700"><path d="M6.90002 9.8999C6.90002 9.5999 7.00002 9.3999 7.20002 9.1999C7.60002 8.7999 8.20002 8.7999 8.60002 9.1999L12.1 12.6999L15.6 9.1999C16 8.7999 16.6 8.7999 17 9.1999C17.4 9.5999 17.4 10.1999 17 10.5999L12.8 14.7999C12.4 15.1999 11.8 15.1999 11.4 14.7999L7.20002 10.5999C7.00002 10.3999 6.90002 10.1999 6.90002 9.8999Z"></path></svg>
+            <span class="ml-1">CLI</span>
+          </button>
+        </div>
+      </div>
+    </div>
   </div>
 </template>
 
diff --git a/tailwind.config.js b/tailwind.config.js
index 2c5077f..8919916 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -10,7 +10,8 @@ module.exports = {
       colors: {
         charade: '#2a293c',
         'gun-powder': '#414054',
-        inherit: 'inherit'
+        inherit: 'inherit',
+        periwinkle: '#d8e2f0'
       },
       fontFamily: {
         sans: [