diff --git a/doc/assets/avatars/dark-circle.svg b/doc/assets/avatars/dark-circle.svg
new file mode 100644
index 00000000..b93e00b3
--- /dev/null
+++ b/doc/assets/avatars/dark-circle.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="-4 -4 32 32" fill="none" stroke-linecap="round" stroke-linejoin="round">
+  <circle cx="12" cy="12" r="16" fill="#18181b"/>
+  <path stroke="#e4e4e7" stroke-width="2" d="m16 6-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551"/>
+</svg>
diff --git a/doc/assets/avatars/dark.svg b/doc/assets/avatars/dark.svg
new file mode 100644
index 00000000..34f97d2e
--- /dev/null
+++ b/doc/assets/avatars/dark.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="-4 -4 32 32" fill="none" stroke-linecap="round" stroke-linejoin="round">
+  <rect x="-4" y="-4" width="32" height="32" rx="4" fill="#18181b"/>
+  <path stroke="#e4e4e7" stroke-width="2" d="m16 6-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551"/>
+</svg>
diff --git a/doc/assets/avatars/gradient-cool.svg b/doc/assets/avatars/gradient-cool.svg
new file mode 100644
index 00000000..3b591490
--- /dev/null
+++ b/doc/assets/avatars/gradient-cool.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="-4 -4 32 32" fill="none" stroke-linecap="round" stroke-linejoin="round">
+  <defs>
+    <linearGradient id="cool" x1="0" y1="0" x2="1" y2="1">
+      <stop offset="0%" stop-color="#6366f1"/>
+      <stop offset="100%" stop-color="#06b6d4"/>
+    </linearGradient>
+  </defs>
+  <rect x="-4" y="-4" width="32" height="32" rx="4" fill="url(#cool)"/>
+  <path stroke="#ffffff" stroke-width="2" d="m16 6-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551"/>
+</svg>
diff --git a/doc/assets/avatars/gradient-warm.svg b/doc/assets/avatars/gradient-warm.svg
new file mode 100644
index 00000000..64d64d25
--- /dev/null
+++ b/doc/assets/avatars/gradient-warm.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="-4 -4 32 32" fill="none" stroke-linecap="round" stroke-linejoin="round">
+  <defs>
+    <linearGradient id="warm" x1="0" y1="0" x2="1" y2="1">
+      <stop offset="0%" stop-color="#f97316"/>
+      <stop offset="100%" stop-color="#ec4899"/>
+    </linearGradient>
+  </defs>
+  <rect x="-4" y="-4" width="32" height="32" rx="4" fill="url(#warm)"/>
+  <path stroke="#ffffff" stroke-width="2" d="m16 6-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551"/>
+</svg>
diff --git a/doc/assets/avatars/light.svg b/doc/assets/avatars/light.svg
new file mode 100644
index 00000000..5108402c
--- /dev/null
+++ b/doc/assets/avatars/light.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="-4 -4 32 32" fill="none" stroke-linecap="round" stroke-linejoin="round">
+  <rect x="-4" y="-4" width="32" height="32" rx="4" fill="#ffffff"/>
+  <rect x="-4" y="-4" width="32" height="32" rx="4" fill="none" stroke="#e4e4e7" stroke-width="0.5"/>
+  <path stroke="#18181b" stroke-width="2" d="m16 6-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551"/>
+</svg>
diff --git a/doc/assets/avatars/zinc.svg b/doc/assets/avatars/zinc.svg
new file mode 100644
index 00000000..1690f9d1
--- /dev/null
+++ b/doc/assets/avatars/zinc.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="-4 -4 32 32" fill="none" stroke-linecap="round" stroke-linejoin="round">
+  <rect x="-4" y="-4" width="32" height="32" rx="4" fill="#3f3f46"/>
+  <path stroke="#fafafa" stroke-width="2" d="m16 6-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551"/>
+</svg>