diff --git a/client/nuxt.config.js b/client/nuxt.config.js
index b301655f..59547c21 100644
--- a/client/nuxt.config.js
+++ b/client/nuxt.config.js
@@ -9,6 +9,14 @@ module.exports = {
       })
     ]
   },
+  css: [
+    '~/assets/main.scss'
+  ],
+  head: {
+    link: [
+      {rel: 'stylesheet', href: 'https://fonts.googleapis.com/css?family=Montserrat:400,800'}
+    ]
+  },
   modules: ['@nuxtjs/apollo'],
   apollo: {
     clientConfigs: {
diff --git a/client/src/assets/_typography.scss b/client/src/assets/_typography.scss
new file mode 100644
index 00000000..fe11b371
--- /dev/null
+++ b/client/src/assets/_typography.scss
@@ -0,0 +1,10 @@
+* {
+  font-family: Montserrat, sans-serif;
+  font-size: 14px;
+}
+
+h1 {
+  font-size: 68px;
+  font-weight: 800;
+}
+
diff --git a/client/src/assets/maggie.jpg b/client/src/assets/maggie.jpg
new file mode 100644
index 00000000..7f9e3585
Binary files /dev/null and b/client/src/assets/maggie.jpg differ
diff --git a/client/src/assets/main.scss b/client/src/assets/main.scss
new file mode 100644
index 00000000..2f850ecf
--- /dev/null
+++ b/client/src/assets/main.scss
@@ -0,0 +1,35 @@
+/*
+  CSS Guidelines: BEM
+  - https://css-tricks.com/bem-101/
+  - https://seesparkbox.com/foundry/bem_by_example
+ */
+
+@import 'typography';
+
+.container {
+  margin: 0 auto;
+  width: 100%;
+  max-width: 1440px;
+  display: grid;
+  grid-template-rows: 72px auto 50px;
+  grid-template-columns: 305px auto;
+  grid-column-gap: 80px;
+  min-height: 100vh;
+  grid-template-areas: "h h" "a m" "f f";
+
+  header {
+    grid-area: h;
+  }
+  aside {
+    grid-area: a;
+  }
+  main {
+    grid-area: m;
+  }
+  footer {
+    grid-area: f;
+    display: none;
+  }
+}
+
+