diff --git a/src/content/index.md b/src/content/index.md
new file mode 100644
index 0000000..f064b68
--- /dev/null
+++ b/src/content/index.md
@@ -0,0 +1,9 @@
+---
+date: 2018-10-13T19:26:34+02:00
+title: "Home"
+draft: false
+type: "home"
+url: "en"
+---
+
+# Vikunja
diff --git a/src/themes/vikunja/archetypes/default.md b/src/themes/vikunja/archetypes/default.md
index ac36e06..174695a 100644
--- a/src/themes/vikunja/archetypes/default.md
+++ b/src/themes/vikunja/archetypes/default.md
@@ -1,2 +1,6 @@
-+++
-+++
+---
+date: 2018-10-13T19:26:34+02:00
+title: "Title"
+weight: 10
+draft: false
+---
diff --git a/src/themes/vikunja/archetypes/doc.md b/src/themes/vikunja/archetypes/doc.md
new file mode 100644
index 0000000..103b6a6
--- /dev/null
+++ b/src/themes/vikunja/archetypes/doc.md
@@ -0,0 +1,7 @@
+---
+date: 2018-10-13T19:26:34+02:00
+title: "Title"
+weight: 10
+toc: true
+draft: false
+---
diff --git a/src/themes/vikunja/archetypes/page.md b/src/themes/vikunja/archetypes/page.md
new file mode 100644
index 0000000..103b6a6
--- /dev/null
+++ b/src/themes/vikunja/archetypes/page.md
@@ -0,0 +1,7 @@
+---
+date: 2018-10-13T19:26:34+02:00
+title: "Title"
+weight: 10
+toc: true
+draft: false
+---
diff --git a/src/themes/vikunja/archetypes/post.md b/src/themes/vikunja/archetypes/post.md
new file mode 100644
index 0000000..e82b17e
--- /dev/null
+++ b/src/themes/vikunja/archetypes/post.md
@@ -0,0 +1,7 @@
+---
+date: 2018-10-13T19:26:34+02:00
+author: "go-gitea"
+title: "Title"
+tags: ["tag"]
+draft: false
+---
diff --git a/src/themes/vikunja/layouts/_default/single.html b/src/themes/vikunja/layouts/_default/single.html
index e399c40..a94aa77 100644
--- a/src/themes/vikunja/layouts/_default/single.html
+++ b/src/themes/vikunja/layouts/_default/single.html
@@ -2,7 +2,7 @@
 {{ partial "navbar.html" . }}
 
 <div class="container is-centered page">
-	<div class=" content">
+	<div class="content">
 		{{ .Content }}
 	</div>
 </div>
diff --git a/src/themes/vikunja/layouts/doc/single.html b/src/themes/vikunja/layouts/doc/single.html
index d1c839e..ff8d56b 100644
--- a/src/themes/vikunja/layouts/doc/single.html
+++ b/src/themes/vikunja/layouts/doc/single.html
@@ -7,7 +7,7 @@
 			{{ partial "menu" . }}
 		</div>
 		<div class="column">
-			<div class=" content">
+			<div class="content">
 				{{ .Content }}
 			</div>
 		</div>
diff --git a/src/themes/vikunja/layouts/home/single.html b/src/themes/vikunja/layouts/home/single.html
new file mode 100644
index 0000000..550ab24
--- /dev/null
+++ b/src/themes/vikunja/layouts/home/single.html
@@ -0,0 +1,36 @@
+{{ partial "header.html" . }}
+
+<section class="hero is-primary homepage-hero">
+	<!-- Hero head: will stick at the top -->
+	<div class="hero-head">
+		{{ partial "navbar.html" . }}
+	</div>
+	<!-- Hero content: will be in the middle -->
+	<div class="hero-body">
+		<div class="container has-text-centered">
+			{{ .Content }}
+		</div>
+	</div>
+
+	<div class="hero-foot">
+		<img src="{{ .Site.BaseURL }}/images/screenshot.jpg"/>
+	</div>
+</section>
+
+<section class="hero is-link feature-shoutout">
+	<div class="hero-body">
+		<div class="container">
+			<div class="columns">
+			{{ range $index, $element := .Data.Pages }}
+				{{ if eq .Section "features" }}
+					<div class="column">
+						{{ .Content }}
+					</div>
+				{{ end }}
+			{{ end }}
+			</div>
+		</div>
+	</div>
+</section>
+
+{{ partial "footer.html" . }}
diff --git a/src/themes/vikunja/layouts/page/single.html b/src/themes/vikunja/layouts/page/single.html
index d1c839e..ff8d56b 100644
--- a/src/themes/vikunja/layouts/page/single.html
+++ b/src/themes/vikunja/layouts/page/single.html
@@ -7,7 +7,7 @@
 			{{ partial "menu" . }}
 		</div>
 		<div class="column">
-			<div class=" content">
+			<div class="content">
 				{{ .Content }}
 			</div>
 		</div>
diff --git a/src/themes/vikunja/layouts/partials/navbar.html b/src/themes/vikunja/layouts/partials/navbar.html
index e020046..6b51c16 100644
--- a/src/themes/vikunja/layouts/partials/navbar.html
+++ b/src/themes/vikunja/layouts/partials/navbar.html
@@ -2,7 +2,7 @@
 	<div class="container">
 		<div class="navbar-brand">
 			<a class="navbar-item" href="{{ .Site.BaseURL }}">
-				<img src="{{ .Site.BaseURL }}images/gitea.png" alt="{{ .Site.Title }}">
+				<img src="{{ .Site.BaseURL }}images/vikunja-logo.svg" alt="{{ .Site.Title }}">
 			</a>
 			<span class="navbar-burger burger" data-target="navMenu" aria-label="menu" aria-expanded="false">
               <span></span>
diff --git a/src/themes/vikunja/layouts/partials/toplinks.html b/src/themes/vikunja/layouts/partials/toplinks.html
index c4875db..4dfda4d 100644
--- a/src/themes/vikunja/layouts/partials/toplinks.html
+++ b/src/themes/vikunja/layouts/partials/toplinks.html
@@ -1,4 +1,4 @@
-<span class="navbar-item logo"><img src="{{ .Site.BaseURL }}images/gitea.png" alt="{{ .Site.Title }}"></span>
+<span class="navbar-item logo"><img src="{{ .Site.BaseURL }}images/vikunja-logo.svg" alt="{{ .Site.Title }}"></span>
 {{ $currentNode := . }}{{ range .Site.Menus.page }}
 	<a class="navbar-item" href="{{ .URL }}">
 		<i class="fa fa-{{ .Pre }}"></i>&nbsp;
diff --git a/src/themes/vikunja/src/main.scss b/src/themes/vikunja/src/main.scss
new file mode 100644
index 0000000..2c63e4a
--- /dev/null
+++ b/src/themes/vikunja/src/main.scss
@@ -0,0 +1,126 @@
+*, *:hover, *:active, *:focus{
+  outline: none;
+}
+
+@import '../node_modules/bulmaswatch/materia/variables';
+@import "../node_modules/bulma/bulma";
+@import '../node_modules/bulmaswatch/materia/overrides';
+
+
+.homepage-hero{
+  height: 100vh;
+  min-height: 700px;
+  overflow: hidden;
+
+  .hero-body .container{
+    padding: 3em 0 1em;
+
+    .button:first-child{
+      margin-right: 1em;
+    }
+  }
+
+  .hero-foot img {
+    max-width: 100vw;
+    width: 1000px;
+    display: block;
+    margin: 0 auto;
+  }
+}
+
+.feature-shoutout {
+  font-size: 1.2em;
+
+  svg{
+    height: 36px;
+    vertical-align: middle;
+    padding-right: 5px;
+    fill: #fff;
+  }
+
+  a{
+    color: darken($turquoise, 20%) !important;
+  }
+}
+
+.page{
+  margin: 2em auto;
+
+  .card{
+    margin-bottom: 2em;
+
+    background-color: #fff;
+    box-shadow: 0 2px 3px rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.1);
+    color: #4a4a4a;
+    max-width: 100%;
+    position: relative;
+    border: none;
+    border-radius: 0.2em;
+
+    .media-content a{
+      display: block;
+    }
+  }
+}
+
+// Mobile Styles
+
+.navbar-background{
+  -webkit-transition: opacity ease 300ms;
+  transition: opacity ease 300ms;
+
+  opacity: 0;
+}
+
+.navbar-menu{
+  -webkit-transition: all ease 300ms;
+  transition: all ease 300ms;
+}
+
+@media screen and (max-width:1087px){
+  .navbar-menu{
+    position: fixed;
+    bottom: 0;
+    top: 0;
+    left: -160px;
+    z-index: 2;
+    opacity: 1;
+    display: block;
+  }
+}
+
+.navbar-menu .logo{
+  display: none;
+}
+
+.navbar-menu.is-active{
+  -webkit-transition: all ease 300ms;
+  transition: all ease 300ms;
+  left: 0;
+
+  .navbar-item{
+    padding: 0.5em 2em 0.5em 1.5em;
+  }
+
+  .logo{
+    display: block;
+  }
+}
+
+.navbar-burger.burger{
+  position: fixed;
+  top: 0;
+  right: 0;
+  z-index: 3;
+}
+
+.navbar-background.is-active{
+  background: rgba(0,0,0,0.5);
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: 1;
+  opacity: 1;
+}
\ No newline at end of file