diff --git a/exampleSite/layouts/partials/favicon.html b/exampleSite/layouts/partials/favicon.html
new file mode 100644
index 0000000000..7caaaa3228
--- /dev/null
+++ b/exampleSite/layouts/partials/favicon.html
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/exampleSite/layouts/partials/logo.html b/exampleSite/layouts/partials/logo.html
index e1ef57cabb..c7cc896084 100644
--- a/exampleSite/layouts/partials/logo.html
+++ b/exampleSite/layouts/partials/logo.html
@@ -1,39 +1,68 @@
-
-
diff --git a/exampleSite/static/images/logo.svg b/exampleSite/static/images/logo.svg
new file mode 100644
index 0000000000..0a3ec45e08
--- /dev/null
+++ b/exampleSite/static/images/logo.svg
@@ -0,0 +1,68 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/layouts/partials/logo.html b/layouts/partials/logo.html
index fc221613d8..c7cc896084 100644
--- a/layouts/partials/logo.html
+++ b/layouts/partials/logo.html
@@ -1,19 +1,68 @@
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+Relearn
diff --git a/static/css/theme-relearn.css b/static/css/theme-relearn.css
index 5726c143c3..467315ae1f 100644
--- a/static/css/theme-relearn.css
+++ b/static/css/theme-relearn.css
@@ -129,4 +129,23 @@ a:hover {
#shortcuts h3{
color: var(--MENU-SECTIONS-LINK-HOVER-color) !important;
-}
\ No newline at end of file
+}
+
+a#logo{
+ color: white;
+ font-family: "Novacento Sans Wide", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
+ font-size: 30px;
+ font-weight: bold;
+ margin-top: -2px;
+}
+
+#logo #relearn-logo{
+ height: 65px;
+ margin-bottom: -20px;
+ margin-top: -20px;
+ width: 65px;
+}
+
+#relearn-logo path {
+ fill: #fff !important;
+}