diff --git a/docusaurus.config.js b/docusaurus.config.js
index be02f0bd..da4037c1 100644
--- a/docusaurus.config.js
+++ b/docusaurus.config.js
@@ -134,9 +134,10 @@ const config = {
         title: "ABsmartly Docs",
         logo: {
           alt: "The ABsmartly logo",
-          src: "img/logo.svg",
+          src: "img/absmartly-icon.png",
           style: {
-            width: "3rem",
+            height: "2rem",
+            width: "auto",
           },
         },
         items: [
@@ -211,7 +212,7 @@ const config = {
         ],
         copyright: `© Copyright ${new Date().getFullYear()} ABsmartly B.V.`,
         logo: {
-          src: "img/logo.svg",
+          src: "img/absmartly-icon.png",
           alt: "The ABsmartly Logo",
           style: { width: "3rem" },
         },
diff --git a/src/scss/custom.scss b/src/scss/custom.scss
index c95317ac..c3a66364 100644
--- a/src/scss/custom.scss
+++ b/src/scss/custom.scss
@@ -4,29 +4,49 @@
  * work well for content-centric websites.
  */
 
+@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');
+
+@font-face {
+  font-family: 'PolySans';
+  src: url('/fonts/PolySans-Bulky.woff2') format('woff2'),
+       url('/fonts/PolySans-Bulky.woff') format('woff');
+  font-weight: 900;
+  font-style: normal;
+  font-display: swap;
+}
+
 /* You can override the default Infima variables here. */
 :root {
+  --ifm-font-family-base: 'Manrope', system-ui, -apple-system, sans-serif;
+  --ifm-heading-font-family: 'Manrope', system-ui, -apple-system, sans-serif;
   --ifm-code-font-size: 95%;
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
-  --ifm-color-primary: #4a5af6;
-  --ifm-color-primary-dark: #2c3ef4;
-  --ifm-color-primary-darker: #1c30f4;
-  --ifm-color-primary-darkest: #0b1dd5;
-  --ifm-color-primary-light: #6876f8;
-  --ifm-color-primary-lighter: #7884f8;
-  --ifm-color-primary-lightest: #a5adfb;
+  --ifm-color-primary: #CA3721;
+  --ifm-color-primary-dark: #b6311e;
+  --ifm-color-primary-darker: #ac2e1c;
+  --ifm-color-primary-darkest: #8e2617;
+  --ifm-color-primary-light: #d4503c;
+  --ifm-color-primary-lighter: #d75c49;
+  --ifm-color-primary-lightest: #e18476;
 }
 
 /* For readability concerns, you should choose a lighter palette in dark mode. */
 [data-theme="dark"] {
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
-  --ifm-color-primary: #8a95fa;
-  --ifm-color-primary-dark: #6573f8;
-  --ifm-color-primary-darker: #5262f8;
-  --ifm-color-primary-darkest: #1a30f5;
-  --ifm-color-primary-light: #afb7fc;
-  --ifm-color-primary-lighter: #c2c8fc;
-  --ifm-color-primary-lightest: #fafaff;
+  --ifm-color-primary: #F4665C;
+  --ifm-color-primary-dark: #f24a3e;
+  --ifm-color-primary-darker: #f13c2f;
+  --ifm-color-primary-darkest: #e01c0e;
+  --ifm-color-primary-light: #f6827a;
+  --ifm-color-primary-lighter: #f79088;
+  --ifm-color-primary-lightest: #fbbbb6;
+}
+
+h1,
+h2,
+h3 {
+  font-family: 'PolySans', var(--ifm-heading-font-family);
+  font-weight: 900;
 }
 
 .button {
diff --git a/static/fonts/PolySans-Bulky.woff b/static/fonts/PolySans-Bulky.woff
new file mode 100644
index 00000000..6f273eb0
Binary files /dev/null and b/static/fonts/PolySans-Bulky.woff differ
diff --git a/static/fonts/PolySans-Bulky.woff2 b/static/fonts/PolySans-Bulky.woff2
new file mode 100644
index 00000000..dd0f2d77
Binary files /dev/null and b/static/fonts/PolySans-Bulky.woff2 differ
diff --git a/static/img/absmartly-icon.png b/static/img/absmartly-icon.png
new file mode 100644
index 00000000..158e3ad2
Binary files /dev/null and b/static/img/absmartly-icon.png differ
diff --git a/static/img/favicon.ico b/static/img/favicon.ico
index bb7ea1d5..329c3775 100644
Binary files a/static/img/favicon.ico and b/static/img/favicon.ico differ