diff --git a/web/experience/public/badges/github.svg b/web/experience/public/badges/github.svg
new file mode 100644
index 0000000..f723600
--- /dev/null
+++ b/web/experience/public/badges/github.svg
@@ -0,0 +1,7 @@
+<svg width="128" height="128" viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="GitHub badge">
+  <rect width="128" height="128" rx="28" fill="#111827"/>
+  <circle cx="64" cy="64" r="34" fill="#F8FAFC"/>
+  <path d="M64 36C48.54 36 36 48.76 36 64.5C36 77.08 44.02 87.74 55.15 91.5C56.55 91.76 57.06 90.88 57.06 90.14C57.06 89.48 57.04 87.31 57.03 85.01C49 86.8 47.3 81.08 47.3 81.08C45.99 77.67 44.11 76.76 44.11 76.76C41.5 74.92 44.31 74.96 44.31 74.96C47.2 75.17 48.72 78 48.72 78C51.28 82.49 55.44 81.19 57.08 80.43C57.34 78.52 58.08 77.22 58.89 76.48C52.48 75.72 45.74 73.17 45.74 61.74C45.74 58.48 46.87 55.81 48.73 53.7C48.43 52.95 47.43 49.93 49.01 45.84C49.01 45.84 51.43 45.05 56.94 48.88C59.24 48.22 61.7 47.89 64.15 47.88C66.6 47.89 69.06 48.22 71.36 48.88C76.87 45.05 79.29 45.84 79.29 45.84C80.87 49.93 79.87 52.95 79.57 53.7C81.43 55.81 82.56 58.48 82.56 61.74C82.56 73.2 75.8 75.71 69.37 76.45C70.39 77.36 71.3 79.14 71.3 81.88C71.3 85.8 71.27 88.96 71.27 90.14C71.27 90.88 71.78 91.78 73.2 91.49C84.31 87.72 92.31 77.07 92.31 64.5C92.31 48.76 79.78 36 64 36Z" fill="#111827"/>
+  <path d="M51 98H77" stroke="#60A5FA" stroke-width="6" stroke-linecap="round"/>
+  <path d="M43 106H85" stroke="#A78BFA" stroke-width="8" stroke-linecap="round"/>
+</svg>
diff --git a/web/experience/public/badges/linkedin.svg b/web/experience/public/badges/linkedin.svg
new file mode 100644
index 0000000..6914ebb
--- /dev/null
+++ b/web/experience/public/badges/linkedin.svg
@@ -0,0 +1,8 @@
+<svg width="128" height="128" viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="LinkedIn badge">
+  <rect width="128" height="128" rx="28" fill="#0A66C2"/>
+  <rect x="24" y="24" width="80" height="80" rx="20" fill="#E0F2FE" opacity="0.16"/>
+  <circle cx="45" cy="49" r="8" fill="#FFFFFF"/>
+  <rect x="38" y="62" width="14" height="30" rx="4" fill="#FFFFFF"/>
+  <path d="M60 62H73C83.49 62 90 68.85 90 80.35V92H76V81.97C76 77.64 74.15 74.67 69.95 74.67C66.75 74.67 64.85 76.82 64 78.89V92H60V62Z" fill="#FFFFFF"/>
+  <path d="M41 104H87" stroke="#93C5FD" stroke-width="8" stroke-linecap="round"/>
+</svg>
diff --git a/web/experience/public/grid.svg b/web/experience/public/grid.svg
new file mode 100644
index 0000000..b4e884a
--- /dev/null
+++ b/web/experience/public/grid.svg
@@ -0,0 +1,15 @@
+<svg width="120" height="120" viewBox="0 0 120 120" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M0 0H120V120H0V0Z" fill="transparent"/>
+  <g stroke="rgba(148,163,184,0.18)" stroke-width="1">
+    <path d="M20 0V120"/>
+    <path d="M40 0V120"/>
+    <path d="M60 0V120"/>
+    <path d="M80 0V120"/>
+    <path d="M100 0V120"/>
+    <path d="M0 20H120"/>
+    <path d="M0 40H120"/>
+    <path d="M0 60H120"/>
+    <path d="M0 80H120"/>
+    <path d="M0 100H120"/>
+  </g>
+</svg>