diff --git a/docs/assets/zen-dark.svg b/docs/assets/zen-dark.svg
new file mode 100644
index 000000000..556c05729
--- /dev/null
+++ b/docs/assets/zen-dark.svg
@@ -0,0 +1,20 @@
+<svg width="1058" height="1058" viewBox="0 0 1058 1058" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_9_47)">
+<rect x="17" y="3" width="1024" height="1024" rx="225" fill="#202020"/>
+<circle cx="529" cy="515" r="340" stroke="#F2F0E3" stroke-width="70"/>
+<circle cx="529" cy="515" r="224.915" stroke="#F2F0E3" stroke-width="51"/>
+<circle cx="529" cy="515" r="129.018" stroke="#F2F0E3" stroke-width="31"/>
+</g>
+<defs>
+<filter id="filter0_d_9_47" x="0.6" y="0.6" width="1056.8" height="1056.8" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="14"/>
+<feGaussianBlur stdDeviation="8.2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_9_47"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_9_47" result="shape"/>
+</filter>
+</defs>
+</svg>
diff --git a/docs/assets/zen-light.svg b/docs/assets/zen-light.svg
new file mode 100644
index 000000000..0c489b99c
--- /dev/null
+++ b/docs/assets/zen-light.svg
@@ -0,0 +1,20 @@
+<svg width="1058" height="1058" viewBox="0 0 1058 1058" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_9_26)">
+<rect x="17" y="3" width="1024" height="1024" rx="225" fill="#F2F0E3"/>
+<circle cx="529" cy="515" r="340" stroke="#F76F53" stroke-width="70"/>
+<circle cx="529" cy="515" r="224.915" stroke="#F76F53" stroke-width="51"/>
+<circle cx="529" cy="515" r="129.018" stroke="#F76F53" stroke-width="31"/>
+</g>
+<defs>
+<filter id="filter0_d_9_26" x="0.6" y="0.6" width="1056.8" height="1056.8" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="14"/>
+<feGaussianBlur stdDeviation="8.2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_9_26"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_9_26" result="shape"/>
+</filter>
+</defs>
+</svg>