diff --git a/design/matrix/dev.png b/design/matrix/dev.png
new file mode 100644
index 0000000..2cf8a96
Binary files /dev/null and b/design/matrix/dev.png differ
diff --git a/design/matrix/dev.svg b/design/matrix/dev.svg
new file mode 100644
index 0000000..ea7b480
--- /dev/null
+++ b/design/matrix/dev.svg
@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   height="24px"
+   viewBox="0 -960 960 960"
+   width="24px"
+   fill="#e3e3e3"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="data_object_24dp_E3E3E3_FILL0_wght400_GRAD0_opsz24.svg"
+   inkscape:export-filename="data_object_24dp_E3E3E3_FILL0_wght400_GRAD0_opsz24.png"
+   inkscape:export-xdpi="2048"
+   inkscape:export-ydpi="2048"
+   inkscape:version="1.4.2 (ebf0e940d0, 2025-05-08)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1" />
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:export-bgcolor="#ffffffff"
+     inkscape:zoom="36.333333"
+     inkscape:cx="11.986239"
+     inkscape:cy="12"
+     inkscape:window-width="2048"
+     inkscape:window-height="1083"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1" />
+  <path
+     d="m 528,-288 v -48 h 72 q 10.2,0 17.1,-6.9 6.9,-6.9 6.9,-17.1 v -48 q 0,-22.8 13.2,-41.4 13.2,-18.6 34.8,-26.4 v -8.4 Q 650.4,-492 637.2,-510.6 624,-529.2 624,-552 v -48 q 0,-10.2 -6.9,-17.1 -6.9,-6.9 -17.1,-6.9 h -72 v -48 h 72 q 30,0 51,21 21,21 21,51 v 48 q 0,10.2 6.9,17.1 6.9,6.9 17.1,6.9 h 24 v 96 h -24 q -10.2,0 -17.1,6.9 -6.9,6.9 -6.9,17.1 v 48 q 0,30 -21,51 -21,21 -51,21 z m -168,0 q -30,0 -51,-21 -21,-21 -21,-51 v -48 q 0,-10.2 -6.9,-17.1 -6.9,-6.9 -17.1,-6.9 h -24 v -96 h 24 q 10.2,0 17.1,-6.9 6.9,-6.9 6.9,-17.1 v -48 q 0,-30 21,-51 21,-21 51,-21 h 72 v 48 h -72 q -10.2,0 -17.1,6.9 -6.9,6.9 -6.9,17.1 v 48 q 0,22.8 -13.2,41.4 -13.2,18.6 -34.8,26.4 v 8.4 q 21.6,7.8 34.8,26.4 13.2,18.6 13.2,41.4 v 48 q 0,10.2 6.9,17.1 6.9,6.9 17.1,6.9 h 72 v 48 z"
+     id="path1"
+     style="fill:#ff7f2a;stroke-width:0.6" />
+</svg>
diff --git a/design/matrix/events.png b/design/matrix/events.png
new file mode 100644
index 0000000..a77cf4d
Binary files /dev/null and b/design/matrix/events.png differ
diff --git a/design/matrix/events.svg b/design/matrix/events.svg
new file mode 100644
index 0000000..e81067e
--- /dev/null
+++ b/design/matrix/events.svg
@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   height="24px"
+   viewBox="0 -960 960 960"
+   width="24px"
+   fill="#e3e3e3"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="event_available_24dp_E3E3E3_FILL0_wght400_GRAD0_opsz24.svg"
+   inkscape:export-filename="event_available_24dp_E3E3E3_FILL0_wght400_GRAD0_opsz24.png"
+   inkscape:export-xdpi="2048"
+   inkscape:export-ydpi="2048"
+   inkscape:version="1.4.2 (ebf0e940d0, 2025-05-08)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1" />
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:export-bgcolor="#ffffffff"
+     inkscape:zoom="36.333333"
+     inkscape:cx="11.986239"
+     inkscape:cy="12"
+     inkscape:window-width="2048"
+     inkscape:window-height="1083"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1" />
+  <path
+     d="m 454.8,-327.6 -85.2,-85.2 34.8,-34.8 50.4,50.4 100.8,-100.8 34.8,34.8 z M 312,-240 q -19.8,0 -33.9,-14.1 Q 264,-268.2 264,-288 v -336 q 0,-19.8 14.1,-33.9 14.1,-14.1 33.9,-14.1 h 24 v -48 h 48 v 48 h 192 v -48 h 48 v 48 h 24 q 19.8,0 33.9,14.1 14.1,14.1 14.1,33.9 v 336 q 0,19.8 -14.1,33.9 -14.1,14.1 -33.9,14.1 z m 0,-48 H 648 V -528 H 312 Z m 0,-288 h 336 v -48 H 312 Z m 0,0 v -48 z"
+     id="path1"
+     style="fill:#ff7f2a;stroke-width:0.6" />
+</svg>