diff --git a/docs/assets/favicon.svg b/docs/assets/favicon.svg
new file mode 100644
index 000000000..ed80c1cb6
--- /dev/null
+++ b/docs/assets/favicon.svg
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 1000 1000" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <rect id="Colored" x="0" y="0" width="1000" height="1000" style="fill:rgb(29,54,109);"/>
+    <g id="Colored1" serif:id="Colored">
+        <g id="Lock" transform="matrix(1.16667,0,0,1.125,-83.3333,-62.5)">
+            <g transform="matrix(6.12323e-17,-1,1,6.12323e-17,1.66141e-13,1044.44)">
+                <path d="M544.444,300L700,300C810.383,300 900,389.617 900,500C900,610.383 810.383,700 700,700L544.444,700L544.444,650L700,650C782.787,650 850,582.787 850,500C850,417.213 782.787,350 700,350L544.444,350L544.444,300Z" style="fill:rgb(227,233,233);"/>
+            </g>
+            <g transform="matrix(5.43593e-17,-0.888889,0.857143,5.24129e-17,71.4286,944.444)">
+                <path d="M500,220L500,780C500,791.038 491.038,800 480,800L120,800C108.962,800 100,791.038 100,780L100,220C100,208.962 108.962,200 120,200L480,200C491.038,200 500,208.962 500,220Z" style="fill:rgb(252,184,20);"/>
+            </g>
+            <g transform="matrix(0.857143,0,0,0.888889,71.4286,55.5556)">
+                <path d="M220,500L780,500C791.038,500 800,510.082 800,522.5L800,556.386L200,556.386L200,522.5C200,510.082 208.962,500 220,500Z" style="fill:rgb(227,233,233);"/>
+            </g>
+            <g transform="matrix(1.23261,0,0,0.954947,-113.22,85.6023)">
+                <path d="M456.933,68.228C469.9,63.913 483.493,61.618 497.498,61.618C511.502,61.618 525.095,63.913 538.062,68.228L538.062,122.929C525.372,117.132 511.718,113.977 497.498,113.977C483.277,113.977 469.623,117.132 456.933,122.929L456.933,68.228Z" style="fill:white;fill-opacity:0.2;"/>
+            </g>
+            <g transform="matrix(1.23261,0,0,0.848842,-113.22,92.1403)">
+                <rect x="456.933" y="480.489" width="81.129" height="418.871" style="fill:white;fill-opacity:0.2;"/>
+            </g>
+        </g>
+    </g>
+</svg>
diff --git a/docs/assets/logo.svg b/docs/assets/logo.svg
new file mode 100644
index 000000000..0f4c08b75
--- /dev/null
+++ b/docs/assets/logo.svg
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 1000 1000" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <g transform="matrix(1,0,0,1,-1100,0)">
+        <rect id="Black-and-White" serif:id="Black and White" x="1100" y="0" width="1000" height="1000" style="fill:none;"/>
+        <g id="Black-and-White1" serif:id="Black and White">
+            <g transform="matrix(7.14377e-17,-1.125,1.16667,6.88864e-17,1016.67,1112.5)">
+                <path d="M544.444,300L700,300C810.383,300 900,389.617 900,500C900,610.383 810.383,700 700,700L544.444,700L544.444,650L700,650C782.787,650 850,582.787 850,500C850,417.213 782.787,350 700,350L544.444,350L544.444,300Z"/>
+            </g>
+            <g transform="matrix(6.34192e-17,-1,1,5.89645e-17,1100,1000)">
+                <path d="M500,220L500,780C500,791.038 491.038,800 480,800L120,800C108.962,800 100,791.038 100,780L100,220C100,208.962 108.962,200 120,200L480,200C491.038,200 500,208.962 500,220Z"/>
+            </g>
+            <g transform="matrix(1,0,0,1,1100,-7.10543e-15)">
+                <path d="M220,500L780,500C791.038,500 800,510.082 800,522.5L800,556.386L200,556.386L200,522.5C200,510.082 208.962,500 220,500Z"/>
+            </g>
+            <g transform="matrix(1.43804,0,0,1.07432,884.577,33.8026)">
+                <path d="M456.933,68.228C469.9,63.913 483.493,61.618 497.498,61.618C511.502,61.618 525.095,63.913 538.062,68.228L538.062,122.929C525.372,117.132 511.718,113.977 497.498,113.977C483.277,113.977 469.623,117.132 456.933,122.929L456.933,68.228Z" style="fill:white;fill-opacity:0.2;"/>
+            </g>
+            <g transform="matrix(1.43804,0,0,0.954947,884.577,41.1579)">
+                <rect x="456.933" y="480.489" width="81.129" height="418.871" style="fill:white;fill-opacity:0.2;"/>
+            </g>
+        </g>
+    </g>
+</svg>
diff --git a/mkdocs.yml b/mkdocs.yml
index 3e026b6c5..adbc8086d 100644
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -11,6 +11,8 @@ nav:
 
 theme:
   name: material
+  logo: assets/logo.svg
+  favicon: assets/favicon.svg
   palette:
     # Palette toggle for light mode
     - scheme: default