diff --git a/avatar.png b/avatar.png
new file mode 100644
index 0000000..e57e475
Binary files /dev/null and b/avatar.png differ
diff --git a/avatar.svg b/avatar.svg
new file mode 100644
index 0000000..126d9c8
--- /dev/null
+++ b/avatar.svg
@@ -0,0 +1,26 @@
+<svg width="512" height="512" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Triplex logo">
+  <defs>
+    <linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
+      <stop offset="0%" stop-color="#2C001E"/>
+      <stop offset="100%" stop-color="#120018"/>
+    </linearGradient>
+    <linearGradient id="accent" x1="0" y1="0" x2="1" y2="1">
+      <stop offset="0%" stop-color="#E95420"/>
+      <stop offset="100%" stop-color="#FF7645"/>
+    </linearGradient>
+  </defs>
+
+  <rect x="0" y="0" width="512" height="512" rx="112" fill="url(#bg)"/>
+
+  <g transform="translate(84 92)">
+    <rect x="0" y="0" width="344" height="328" rx="56" fill="#FFFFFF" fill-opacity="0.06"/>
+
+    <rect x="44" y="56" width="36" height="216" rx="18" fill="url(#accent)"/>
+    <rect x="154" y="56" width="36" height="216" rx="18" fill="url(#accent)"/>
+    <rect x="264" y="56" width="36" height="216" rx="18" fill="url(#accent)"/>
+
+    <circle cx="62" cy="164" r="8" fill="#FFFFFF" fill-opacity="0.85"/>
+    <circle cx="172" cy="164" r="8" fill="#FFFFFF" fill-opacity="0.85"/>
+    <circle cx="282" cy="164" r="8" fill="#FFFFFF" fill-opacity="0.85"/>
+  </g>
+</svg>
diff --git a/favicon.svg b/favicon.svg
new file mode 100644
index 0000000..2fcb63d
--- /dev/null
+++ b/favicon.svg
@@ -0,0 +1,18 @@
+<svg width="64" height="64" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Triplex favicon">
+  <defs>
+    <linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
+      <stop offset="0%" stop-color="#2C001E"/>
+      <stop offset="100%" stop-color="#120018"/>
+    </linearGradient>
+  </defs>
+
+  <rect x="2" y="2" width="60" height="60" rx="14" fill="url(#bg)"/>
+
+  <rect x="15" y="14" width="6" height="36" rx="3" fill="#E95420"/>
+  <rect x="29" y="14" width="6" height="36" rx="3" fill="#E95420"/>
+  <rect x="43" y="14" width="6" height="36" rx="3" fill="#E95420"/>
+
+  <circle cx="18" cy="54" r="2" fill="#FFFFFF" fill-opacity="0.9"/>
+  <circle cx="32" cy="54" r="2" fill="#FFFFFF" fill-opacity="0.9"/>
+  <circle cx="46" cy="54" r="2" fill="#FFFFFF" fill-opacity="0.9"/>
+</svg>