diff --git a/png/channels.png b/png/channels.png
new file mode 100644
index 00000000..570455c8
Binary files /dev/null and b/png/channels.png differ
diff --git a/svg/channels.svg b/svg/channels.svg
new file mode 100644
index 00000000..c472562c
--- /dev/null
+++ b/svg/channels.svg
@@ -0,0 +1,22 @@
+<svg width="241" height="165" viewBox="0 0 241 165" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M46.1 35.2H7.90002V142.5H46.1V35.2Z" fill="#EDDA6F"/>
+<path d="M46.1 142H7.90002V156.8H46.1V142Z" fill="#7592CA"/>
+<path d="M84.1 35.2H45.9V142.5H84.1V35.2Z" fill="#A4C45E"/>
+<path d="M84.1 142H45.9V156.8H84.1V142Z" fill="#4851A3"/>
+<path d="M122.1 35.2H83.9V142.5H122.1V35.2Z" fill="#65BBC5"/>
+<path d="M122.1 142H83.9V156.8H122.1V142Z" fill="#E46D62"/>
+<path d="M160.1 35.2H121.9V142.5H160.1V35.2Z" fill="#C683A0"/>
+<path d="M160.1 142H121.9V156.8H160.1V142Z" fill="#544A9E"/>
+<path d="M198.1 35.2H159.9V142.5H198.1V35.2Z" fill="#E46D62"/>
+<path d="M198.1 142H159.9V156.8H198.1V142Z" fill="#65BAC4"/>
+<path d="M236.1 35.2H197.9V142.5H236.1V35.2Z" fill="#7592CA"/>
+<path d="M236.1 142H197.9V156.8H236.1V142Z" fill="#60429A"/>
+<path d="M236.9 27.6H135.8C142.3 20.8 155.6 6.9 157.3 5C158.6 3.5 158.2 1.9 157.2 0.899997C156.1 -0.100003 154.2 -0.500003 153.1 0.599997C151.9 1.8 127.1 24.9 124.2 27.6H116.9C114 24.9 89.1 1.8 88 0.599997C86.9 -0.500003 85 -0.100003 83.9 0.899997C82.9 1.9 82.5 3.5 83.8 4.9C85.5 6.7 98.8 20.7 105.3 27.5H4C1.8 27.5 0 29.3 0 31.5V160.2C0 162.4 1.8 164.2 4 164.2H236.9C239.1 164.2 240.9 162.4 240.9 160.2V31.6C240.9 29.4 239.1 27.6 236.9 27.6ZM232.9 156.3H8V35.6H232.9V156.3Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="240.9" height="164.3" fill="white"/>
+</clipPath>
+</defs>
+</svg>