diff --git a/templates/default-layout.lucius b/templates/default-layout.lucius
index 86434ab58..cf998ea71 100644
--- a/templates/default-layout.lucius
+++ b/templates/default-layout.lucius
@@ -13,6 +13,7 @@
 
   /* FONTS */
   --font-base: "Source Sans Pro", Helvetica, sans-serif;
+  --font-logo: "Roboto", var(--font-base);
 
   /* DIMENSIONS */
   --header-height: 80px;
@@ -51,7 +52,7 @@ body {
     --color-primary: #3E606F;
     --color-light: rgb(189, 201, 219);
     --color-lighter: rgb(145, 159, 170);
-    --color-dark: #3E606F;
+    --color-dark: rgb(42, 74, 88);
     --color-darker: #193441;
   }
 
diff --git a/templates/widgets/navbar.hamlet b/templates/widgets/navbar.hamlet
index a3f115ba9..5aff3f37a 100644
--- a/templates/widgets/navbar.hamlet
+++ b/templates/widgets/navbar.hamlet
@@ -2,6 +2,8 @@ $newline never
 <div .navbar-container>
   <nav .navbar.js-sticky-navbar>
 
+    <div .navbar__logo>
+
     <ul .navbar__list.list--inline>
       $forall menuType <- menuTypes
         $case menuType
diff --git a/templates/widgets/navbar.lucius b/templates/widgets/navbar.lucius
index 58462741b..987e9885c 100644
--- a/templates/widgets/navbar.lucius
+++ b/templates/widgets/navbar.lucius
@@ -7,6 +7,7 @@
   width: 100%;
   height: var(--header-height);
   padding-right: 5vw;
+  padding-left: 20px;
   background: var(--color-darker); /* Old browsers */
   background: -moz-linear-gradient(bottom, var(--color-dark) 0%, var(--color-darker) 100%); /* FF3.6-15 */
   background: -webkit-linear-gradient(bottom, var(--color-dark) 0%,var(--color-darker) 100%); /* Chrome10-25,Safari5.1-6 */
@@ -20,6 +21,17 @@
   box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
 }
 
+.navbar__logo {
+
+  &::before {
+    content: 'UniWorkY';
+    font-family: var(--font-logo);
+    font-size: 42px;
+    font-weight: bold;
+    letter-spacing: 2px;
+  }
+}
+
 .navbar__list {
   align-self: flex-end;
   white-space: nowrap;
@@ -56,7 +68,7 @@
 .navbar__link-label {
   transition: opacity .2s ease;
   padding: 0 13px;
-  color: white;
+  color: var(--color-lightwhite);
   text-transform: uppercase;
 }
 
@@ -70,7 +82,7 @@
 }
 
 .navbar__list-item--active {
-  background-color: white;
+  background-color: var(--color-lightwhite);
   color: var(--color-dark);
 
   .navbar__link-wrapper {