diff --git a/docs/components/logo.svg b/docs/components/logo.svg
deleted file mode 100644
index 043ab9795c..0000000000
--- a/docs/components/logo.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/docs/components/theme.css b/docs/components/theme.css
index d7f38921aa..409cc5f7c5 100644
--- a/docs/components/theme.css
+++ b/docs/components/theme.css
@@ -25,6 +25,43 @@ a {
z-index: 5;
}
+/****** Universal Nav ****/
+
+.universal-nav {
+ margin: 0px;
+ width: 100vw;
+ height: 38px;
+ background-color: var(--theme-color);
+ position: fixed;
+ top: 0px;
+ display: flex;
+ justify-content: center;
+}
+
+.universal-nav img {
+ margin: 7px 0px;
+ height: 24px;
+}
+
+.app-nav > a {
+ margin: 0;
+ padding: 0;
+}
+
+.app-nav.no-badge {
+ margin-right: 0px;
+}
+
+.sidebar-toggle,
+.sidebar,
+.content {
+ margin-top: 38px;
+}
+
+.sidebar {
+ padding: 0px;
+}
+
/****** Cover Page ******/
section.cover {
padding-bottom: 112px; /* fixed footer (Netflix) height */
diff --git a/docs/images/branding/favicon.ico b/docs/images/branding/favicon.ico
new file mode 100644
index 0000000000..e5de2cd32c
Binary files /dev/null and b/docs/images/branding/favicon.ico differ
diff --git a/docs/images/branding/primary_logo.svg b/docs/images/branding/primary_logo.svg
new file mode 100644
index 0000000000..d465fe9a88
--- /dev/null
+++ b/docs/images/branding/primary_logo.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/docs/index.html b/docs/index.html
index 1794d51595..2d4a3b83c4 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -4,10 +4,41 @@
Contribution Guidelines | freeCodeCamp.org
+
+
+
+
+
+
+
+
+
+
+
@@ -17,13 +48,16 @@
+