diff --git a/site/config.toml b/site/config.toml
index 784f1d2c..8dec8384 100644
--- a/site/config.toml
+++ b/site/config.toml
@@ -9,11 +9,12 @@ paginate = 10
 
 [params]
   GithubURL = "https://github.com/yuzu-emu/yuzu"
+  ProjectName = "yuzu emulator project"
 
 [Languages]
   [Languages.en]
-    title = "Yuzu"
-    tagline = "Experimental Nintendo Switch Emulator"
+    title = "yuzu"
+    tagline = "An experimental Nintendo Switch Emulator"
     description = "Yuzu is a highly experimental open-source emulator for the Nintendo Switch."
     weight = 1
 
diff --git a/site/layouts/partials/header_homepage.html b/site/layouts/partials/header_homepage.html
new file mode 100644
index 00000000..193f8794
--- /dev/null
+++ b/site/layouts/partials/header_homepage.html
@@ -0,0 +1,24 @@
+<section id="homepage-hero" class="hero container is-primary">
+    <div class="hero-body">
+        <div class="columns">
+            <!-- Left panel -->
+            <div class="column is-5">
+                <h1 class="title">{{ .Site.Title }}</h1>
+                <h2 class="subtitle">{{ .Site.Params.Tagline }}</h2>
+                <a class="button is-medium is-inverted" href="{{ .Site.Params.GithubURL }}">
+                    <span class="icon">
+                        <i class="fab fa-github"></i>
+                    </span>
+                    <span>Source Code</span>
+                </a>
+            </div>
+
+            <!-- Right panel -->
+            <div class="column is-7">
+                <figure class="image is-16by9">
+                    <img src="{{ .Site.BaseURL}}/images/jumbotron.png" />
+                </figure>
+            </div>
+        </div>
+    </div>
+</section>
\ No newline at end of file
diff --git a/site/layouts/partials/sidebar.html b/site/layouts/partials/sidebar.html
new file mode 100644
index 00000000..bbd5a783
--- /dev/null
+++ b/site/layouts/partials/sidebar.html
@@ -0,0 +1,2 @@
+<h4 class="is-size-4">Twitter Feed</h4>
+<p>No tweets yet, check back soon!</p>
\ No newline at end of file
diff --git a/site/static/images/jumbotron.png b/site/static/images/jumbotron.png
new file mode 100644
index 00000000..c5c32e63
Binary files /dev/null and b/site/static/images/jumbotron.png differ
diff --git a/site/static/images/rays.svg b/site/static/images/rays.svg
new file mode 100644
index 00000000..c8573489
--- /dev/null
+++ b/site/static/images/rays.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="svg4147" xml:space="preserve" enable-background="new 0 0 2272 1210" viewBox="0 0 2272 1210" height="1210px" width="2272px" y="0px" x="0px" version="1.1"><metadata id="metadata4165"><rdf:RDF><cc:Work rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/><dc:title/></cc:Work></rdf:RDF></metadata><defs id="defs4163"><radialGradient gradientUnits="userSpaceOnUse" gradientTransform="matrix(1.3961268,0,0,1.639965,-452.87392,367.75129)" r="1136" fy="-76.717377" fx="1138.0808" cy="-76.717377" cx="1138.0808" id="radialGradient4713" xlink:href="#linearGradient4180"/><linearGradient id="linearGradient4180"><stop id="stop4182" offset="0" style="stop-color:#ffff87;stop-opacity:1"/><stop style="stop-color:#ffc305;stop-opacity:1" offset="0.53436792" id="stop4190"/><stop id="stop4184" offset="1" style="stop-color:#ff780b;stop-opacity:1"/></linearGradient><linearGradient id="linearGradient4192"><stop style="stop-color:#ffff87;stop-opacity:1" offset="0" id="stop4261"/><stop id="stop4263" offset="0.18926446" style="stop-color:#ffc305;stop-opacity:1"/><stop style="stop-color:#ff8109;stop-opacity:1" offset="1" id="stop4265"/></linearGradient><radialGradient gradientUnits="userSpaceOnUse" gradientTransform="matrix(1.5141009,0,0,1.3124943,-584.03462,342.49132)" r="1136" fy="-76.541328" fx="1136.0312" cy="-76.541328" cx="1136.0312" id="radialGradient4777" xlink:href="#linearGradient4192"/><radialGradient r="1136" fy="-76.541328" fx="1136.0312" cy="-76.541328" cx="1136.0312" gradientTransform="matrix(1.4295775,-1.4395369e-8,1.3836928e-8,1.3741198,-488.01342,347.20821)" gradientUnits="userSpaceOnUse" id="radialGradient4779" xlink:href="#linearGradient4192"/><radialGradient r="1136" fy="-76.541328" fx="1136.0312" cy="-76.541328" cx="1136.0312" gradientTransform="matrix(1,0,0,0.53257042,0,282.79489)" gradientUnits="userSpaceOnUse" id="radialGradient4781" xlink:href="#linearGradient4192"/><radialGradient r="1136" fy="-76.541328" fx="1136.0312" cy="-76.541328" cx="1136.0312" gradientTransform="matrix(1,0,0,0.53257042,0,282.79489)" gradientUnits="userSpaceOnUse" id="radialGradient4783" xlink:href="#linearGradient4192"/><linearGradient id="linearGradient4269"><stop id="stop4271" offset="0" style="stop-color:#ffffff;stop-opacity:1"/><stop style="stop-color:#ffffff;stop-opacity:0" offset="0.50373644" id="stop4277"/><stop id="stop4275" offset="1" style="stop-color:#ffffff;stop-opacity:0"/></linearGradient><radialGradient gradientUnits="userSpaceOnUse" gradientTransform="matrix(1.6901408,0,0,1.4427817,-784,351.66252)" r="1136" fy="-75.661163" fx="1136" cy="-75.661163" cx="1136" id="radialGradient4887" xlink:href="#linearGradient4269"/><radialGradient r="1136" fy="-75.661163" fx="1136" cy="-75.661163" cx="1136" gradientTransform="matrix(1.5510564,-2.6253102e-8,2.3943662e-8,1.4146127,-626,349.53125)" gradientUnits="userSpaceOnUse" id="radialGradient4889" xlink:href="#linearGradient4269"/><radialGradient r="1136" fy="-75.661163" fx="1136" cy="-75.661163" cx="1136" gradientTransform="matrix(1,0,0,0.53257042,0,282.79489)" gradientUnits="userSpaceOnUse" id="radialGradient4891" xlink:href="#linearGradient4269"/><radialGradient r="1136" fy="-75.661163" fx="1136" cy="-75.661163" cx="1136" gradientTransform="matrix(1,0,0,0.53257042,0,282.79489)" gradientUnits="userSpaceOnUse" id="radialGradient4893" xlink:href="#linearGradient4269"/></defs><g style="fill:url(#radialGradient4777);fill-opacity:1" enable-background="new    " id="Shape_1_1_"><g style="fill:url(#radialGradient4783);fill-opacity:1" id="Shape_1"><g style="fill:url(#radialGradient4781);fill-opacity:1" id="g4151"><rect y="0" x="0" style="fill:url(#radialGradient4779);fill-opacity:1.0" id="rect4153" height="1210" width="2272"/></g></g></g><g enable-background="new    " id="Shape_1_copy_49_1_"><g id="Shape_1_copy_49"><g id="g4157"><path fill="#FFFFFF" style="fill-opacity:1;fill:url(#radialGradient4713)" id="path4159" d="M1135.943,241.97L2272,241.936V60.085l-1136.044,181.88l0.105-0.034l0.002,0.013v-0.014L1880.574,0     h-271.697l-472.813,241.908v-0.021L1468.971,0h-91.86l-241.047,241.855v-0.036L1311.744,0h-53.008l-122.673,241.758v-0.104     L1214.573,0h-40.7l-37.81,241.331L1136.056,0h-38.741l38.7,241.642l-0.013,0.085L1057.452,0h-45.175l123.717,241.777     l-0.003,0.019L960.305,0h-66.966l242.649,241.813l0,0.004L803.133,0H659.349l476.617,241.813L391.664,0H0v63.906     l1135.934,177.905L0,241.846v181.892L1135.891,241.82L0,610.931V823.06l1135.856-581.219L0,1067.141V1210h171.036     l964.795-968.131L432.487,1210h212.162l491.165-968.091L821.294,1210h162.904l151.612-968.052l0.03,968.052h155.01     l-155.032-968.022L1450.38,1210h180.777l-495.316-967.981L1839.164,1210h268.008l-971.303-967.957L2272,1067.439V818.462     l-1136.091-576.4L2272,611.161V419.988L1135.9,242.057l-0.037-0.019l-0.027-0.026l-0.02-0.038l-0.005-0.035l0.006-0.039     l0.019-0.037l0.026-0.027l0.035-0.018l0.041-0.006l0.036,0.005l0.012,0.006l-0.02,0.125l-0.004,0.007l-0.007,0.007l-0.008,0.004     l-0.017,0.003H1135.943l-0.003,0.001L1135.943,241.97z M1136.047,241.842l0.004,0.025l-0.003,0.003l-0.006-0.021     L1136.047,241.842z M1136.032,241.75l0.008,0.053l-0.009,0.018l-0.011-0.035L1136.032,241.75z M1136.012,241.813l0.012,0.023     l-0.002,0.003l-0.013-0.018L1136.012,241.813z M1136.005,241.833l0.006,0.003l0.008,0.008l-0.05,0.099L1136.005,241.833z      M1136.034,241.859l0.004,0.004l0.006,0.011l-0.077,0.077L1136.034,241.859z M1136.054,241.894l0.002,0.005l0.002,0.012     l-0.094,0.048L1136.054,241.894z"/></g></g></g><g transform="translate(-0.00371801,-0.46939264)" style="fill:url(#radialGradient4887);fill-opacity:1" enable-background="new    " id="Shape_1_1_-3"><g style="fill:url(#radialGradient4893);fill-opacity:1" id="Shape_1-3"><g style="fill:url(#radialGradient4891);fill-opacity:1" id="g4151-8"><rect y="0" x="0" style="fill:url(#radialGradient4889);fill-opacity:1.0" id="rect4153-3" height="1210" width="2272"/></g></g></g></svg>
\ No newline at end of file
diff --git a/site/themes/shared-bulma-theme b/site/themes/shared-bulma-theme
index 2bc248dd..d4433a42 160000
--- a/site/themes/shared-bulma-theme
+++ b/site/themes/shared-bulma-theme
@@ -1 +1 @@
-Subproject commit 2bc248dd03ba59326a4ab451c8c4d78c9672f27b
+Subproject commit d4433a4244538e0a72c3c359e7d2db7bed564274
diff --git a/src/scss/shared.scss b/src/scss/shared.scss
index e69de29b..02d8e83f 100644
--- a/src/scss/shared.scss
+++ b/src/scss/shared.scss
@@ -0,0 +1,7 @@
+$navbar-height: 64px;
+$body-background-color: #e5e5e5;
+$footer-background-color: $body-background-color;
+
+#homepage-hero {
+    background-image: url(../images/rays.svg);
+}
\ No newline at end of file
diff --git a/src/scss/style.scss b/src/scss/style.scss
index 0576e561..8efee56d 100644
--- a/src/scss/style.scss
+++ b/src/scss/style.scss
@@ -1,2 +1,3 @@
+@import "./shared.scss";
 @import "./yuzu.scss";
 @import "./node_modules/bulma/bulma.sass";
\ No newline at end of file
diff --git a/src/scss/yuzu.scss b/src/scss/yuzu.scss
index 39e8bffe..40d27b4a 100644
--- a/src/scss/yuzu.scss
+++ b/src/scss/yuzu.scss
@@ -1 +1,2 @@
-$primary: #696969;
\ No newline at end of file
+$primary: #696969;
+$navbar-item-hover-color: purple;
\ No newline at end of file