diff --git a/design/matrix/finance.png b/design/matrix/finance.png
new file mode 100644
index 0000000..bddd880
Binary files /dev/null and b/design/matrix/finance.png differ
diff --git a/design/matrix/finance.svg b/design/matrix/finance.svg
new file mode 100644
index 0000000..b63575a
--- /dev/null
+++ b/design/matrix/finance.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="finance_24dp_E3E3E3_FILL0_wght400_GRAD0_opsz24.svg"
+   inkscape:export-filename="finance_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="#fff5e6"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:export-bgcolor="#fff5e6ff"
+     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 312,-264 q -19.8,0 -33.9,-14.1 Q 264,-292.2 264,-312 v -384 h 48 v 384 h 384 v 48 z m 24,-72 v -216 h 96 v 216 z m 120,0 v -336 h 96 v 336 z m 120,0 v -120 h 96 v 120 z"
+     id="path1"
+     style="fill:#ff7f2a;stroke-width:0.6" />
+</svg>
diff --git a/design/matrix/import.png b/design/matrix/import.png
new file mode 100644
index 0000000..acd33d2
Binary files /dev/null and b/design/matrix/import.png differ
diff --git a/design/matrix/import.svg b/design/matrix/import.svg
new file mode 100644
index 0000000..25bae92
--- /dev/null
+++ b/design/matrix/import.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="arrow_or_edge_24dp_E3E3E3_FILL0_wght400_GRAD0_opsz24.svg"
+   inkscape:export-filename="arrow_or_edge_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 372,-264 -96,-96 33.6,-33.6 38.4,37.8 V -504 h -84 q -19.8,0 -33.9,-14.1 Q 216,-532.2 216,-552 v -144 h 48 v 144 h 84 q 19.8,0 33.9,14.1 14.1,14.1 14.1,33.9 v 148.2 l 37.8,-37.8 34.2,33.6 z m 216,0 -96,-96 33.6,-33.6 38.4,37.8 V -504 q 0,-19.8 14.1,-33.9 14.1,-14.1 33.9,-14.1 h 84 v -144 h 48 v 144 q 0,19.8 -14.1,33.9 -14.1,14.1 -33.9,14.1 h -84 v 148.8 l 37.8,-38.4 34.2,33.6 z"
+     id="path1"
+     style="fill:#ff7f2a;stroke-width:0.6" />
+</svg>