diff --git a/.gitignore b/.gitignore
index 145d71b..da5db42 100644
--- a/.gitignore
+++ b/.gitignore
@@ -3,4 +3,5 @@
 !.gitignore
 !profile/
 !profile/README.md
+!profile/*.svg
 .claude/
diff --git a/profile/README.md b/profile/README.md
index 3e8e312..62f22bf 100644
--- a/profile/README.md
+++ b/profile/README.md
@@ -2,16 +2,7 @@
 
 Fink is a functional programming language designed to be ergonomic, consistent, and practical — applying FP principles without being dogmatic.
 
-```fink
-process = fn items:
-  items
-  | filter is_valid
-  | map fn item:
-      match parse item:
-        Ok value: value * 2
-        Err e: log 'skipping ${item}: ${e}'
-  | [..?]
-```
+<img src="example.svg" alt="Fink code example">
 
 ## Key characteristics
 
diff --git a/profile/example.svg b/profile/example.svg
new file mode 100644
index 0000000..e9284d6
--- /dev/null
+++ b/profile/example.svg
@@ -0,0 +1,72 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="620" height="260" viewBox="0 0 620 260">
+  <style>
+    text { font-family: 'JetBrains Mono', 'Fira Code', 'Cascadia Code', monospace; font-size: 14px; }
+    .bg  { fill: #1e1e2e; }
+    .ln  { fill: #4a4a6a; }
+    .def { fill: #cdd6f4; }
+    .kw  { fill: #cba6f7; }
+    .fn  { fill: #89b4fa; }
+    .op  { fill: #89dceb; }
+    .str { fill: #a6e3a1; }
+    .var { fill: #f38ba8; }
+  </style>
+
+  <rect width="620" height="260" rx="8" class="bg"/>
+
+  <!-- line 1 -->
+  <text x="20" y="32" class="ln">1</text>
+  <text x="52" y="32" class="def">process </text>
+  <text x="122" y="32" class="def">= </text>
+  <text x="136" y="32" class="kw">fn </text>
+  <text x="160" y="32" class="def">items:</text>
+
+  <!-- line 2 -->
+  <text x="20" y="58" class="ln">2</text>
+  <text x="68" y="58" class="def">items</text>
+
+  <!-- line 3 -->
+  <text x="20" y="84" class="ln">3</text>
+  <text x="68" y="84" class="op">|</text>
+  <text x="84" y="84" class="fn">filter</text>
+  <text x="132" y="84" class="fn">is_valid</text>
+
+  <!-- line 4 -->
+  <text x="20" y="110" class="ln">4</text>
+  <text x="68" y="110" class="op">|</text>
+  <text x="84" y="110" class="fn">map</text>
+  <text x="116" y="110" class="kw">fn</text>
+  <text x="132" y="110" class="def">item:</text>
+
+  <!-- line 5 -->
+  <text x="20" y="136" class="ln">5</text>
+  <text x="100" y="136" class="kw">match</text>
+  <text x="148" y="136" class="fn">parse</text>
+  <text x="196" y="136" class="def">item:</text>
+
+  <!-- line 6 -->
+  <text x="20" y="162" class="ln">6</text>
+  <text x="116" y="162" class="def">Ok </text>
+  <text x="140" y="162" class="def">value: </text>
+  <text x="189" y="162" class="def">value </text>
+  <text x="233" y="162" class="def">* </text>
+  <text x="249" y="162" class="def">2</text>
+
+  <!-- line 7 -->
+  <text x="20" y="188" class="ln">7</text>
+  <text x="116" y="188" class="def">Err </text>
+  <text x="148" y="188" class="def">e: </text>
+  <text x="172" y="188" class="fn">log </text>
+  <text x="204" y="188" class="str">'skipping </text>
+  <text x="284" y="188" class="op">${item}</text>
+  <text x="334" y="188" class="str">: </text>
+  <text x="350" y="188" class="op">${e}</text>
+  <text x="384" y="188" class="str">'</text>
+
+  <!-- line 8 -->
+  <text x="20" y="214" class="ln">8</text>
+  <text x="68" y="214" class="op">|</text>
+  <text x="84" y="214" class="def">[..?]</text>
+
+  <!-- line 9 -->
+  <text x="20" y="240" class="ln">9</text>
+</svg>