diff --git a/design/led-off.afdesign b/design/led-off.afdesign
new file mode 100644
index 0000000..cfd780b
Binary files /dev/null and b/design/led-off.afdesign differ
diff --git a/design/led-off.svg b/design/led-off.svg
new file mode 100644
index 0000000..872a824
--- /dev/null
+++ b/design/led-off.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <g transform="matrix(1.04197,0,0,1.04197,-222.88,-342.706)">
+        <g transform="matrix(1.04781,0,0,1.04781,-11.1324,-16.6304)">
+            <circle cx="223.927" cy="338.927" r="8.927" style="fill:rgb(69,23,22);"/>
+        </g>
+        <g transform="matrix(1,0,0,1,-0.853556,-0.853556)">
+            <circle cx="223.927" cy="338.927" r="8.927" style="fill:rgb(97,33,31);"/>
+        </g>
+        <g transform="matrix(0.672135,0,0,0.672135,72.491,111.195)">
+            <circle cx="223.927" cy="338.927" r="8.927" style="fill:rgb(120,47,45);"/>
+        </g>
+        <g transform="matrix(0.275955,0,0,0.107921,159.67,301.386)">
+            <circle cx="223.927" cy="338.927" r="8.927" style="fill:rgb(150,111,110);"/>
+        </g>
+    </g>
+</svg>
diff --git a/design/led-on.afdesign b/design/led-on.afdesign
new file mode 100644
index 0000000..cd74faf
Binary files /dev/null and b/design/led-on.afdesign differ
diff --git a/design/led-on.svg b/design/led-on.svg
new file mode 100644
index 0000000..77cda62
--- /dev/null
+++ b/design/led-on.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <g transform="matrix(1.09178,0,0,1.09178,-234.48,-360.035)">
+        <circle cx="223.927" cy="338.927" r="8.927" style="fill:rgb(101,29,28);"/>
+    </g>
+    <g transform="matrix(1.04197,0,0,1.04197,-223.769,-343.596)">
+        <circle cx="223.927" cy="338.927" r="8.927" style="fill:rgb(172,30,28);"/>
+    </g>
+    <g transform="matrix(0.700343,0,0,0.700343,-147.347,-226.844)">
+        <circle cx="223.927" cy="338.927" r="8.927" style="fill:rgb(227,30,27);"/>
+    </g>
+    <g transform="matrix(0.287536,0,0,0.11245,-56.5092,-28.6716)">
+        <circle cx="223.927" cy="338.927" r="8.927" style="fill:rgb(255,201,200);"/>
+    </g>
+</svg>
diff --git a/design/panel.afdesign b/design/panel.afdesign
new file mode 100644
index 0000000..447ac7e
Binary files /dev/null and b/design/panel.afdesign differ
diff --git a/design/switch-down.afdesign b/design/switch-down.afdesign
new file mode 100644
index 0000000..cc1e70e
Binary files /dev/null and b/design/switch-down.afdesign differ
diff --git a/design/switch-down.svg b/design/switch-down.svg
new file mode 100644
index 0000000..96ccffe
--- /dev/null
+++ b/design/switch-down.svg
@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 20 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <g transform="matrix(0.988744,0,0,0.988744,-358.802,-526.832)">
+        <circle cx="373" cy="548" r="9" style="fill:rgb(41,41,41);"/>
+    </g>
+    <g transform="matrix(0.988744,0,0,0.988744,-358.802,-526.832)">
+        <path d="M373,538.289C367.641,538.289 363.289,542.641 363.289,548C363.289,553.359 367.641,557.711 373,557.711C378.359,557.711 382.711,553.359 382.711,548C382.711,542.641 378.359,538.289 373,538.289ZM373,539.711C377.575,539.711 381.289,543.425 381.289,548C381.289,552.575 377.575,556.289 373,556.289C368.425,556.289 364.711,552.575 364.711,548C364.711,543.425 368.425,539.711 373,539.711Z" style="fill:rgb(132,132,132);"/>
+    </g>
+    <g transform="matrix(0.325165,0,0,0.325165,-111.873,-162.191)">
+        <circle cx="373" cy="548" r="9" style="fill:rgb(164,164,164);"/>
+    </g>
+    <g transform="matrix(-0.968511,0.830669,-0.415125,-0.48401,21.6275,7.55916)">
+        <path d="M18.63,3.057L14.934,-9.454L9.832,-0.566L11.858,6.975L18.63,3.057Z" style="fill:rgb(164,164,164);"/>
+    </g>
+    <g transform="matrix(0.520392,0,0,0.520392,-187.619,-261.491)">
+        <circle cx="373" cy="548" r="9" style="fill:rgb(90,90,90);"/>
+    </g>
+    <g transform="matrix(0.351922,0,0,0.351922,-125.784,-169.17)">
+        <circle cx="373" cy="548" r="9" style="fill:rgb(110,110,110);"/>
+    </g>
+    <g transform="matrix(0.156118,0,0,0.100562,-54.1495,-31.9118)">
+        <circle cx="373" cy="548" r="9" style="fill:rgb(204,204,204);"/>
+    </g>
+</svg>
diff --git a/design/switch-mid.afdesign b/design/switch-mid.afdesign
new file mode 100644
index 0000000..f692518
Binary files /dev/null and b/design/switch-mid.afdesign differ
diff --git a/design/switch-mid.svg b/design/switch-mid.svg
new file mode 100644
index 0000000..1e13cdb
--- /dev/null
+++ b/design/switch-mid.svg
@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 20 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <g transform="matrix(0.988744,0,0,0.988744,-358.802,-526.832)">
+        <circle cx="373" cy="548" r="9" style="fill:rgb(41,41,41);"/>
+    </g>
+    <g transform="matrix(0.988744,0,0,0.988744,-358.802,-526.832)">
+        <path d="M373,538.289C367.641,538.289 363.289,542.641 363.289,548C363.289,553.359 367.641,557.711 373,557.711C378.359,557.711 382.711,553.359 382.711,548C382.711,542.641 378.359,538.289 373,538.289ZM373,539.711C377.575,539.711 381.289,543.425 381.289,548C381.289,552.575 377.575,556.289 373,556.289C368.425,556.289 364.711,552.575 364.711,548C364.711,543.425 368.425,539.711 373,539.711Z" style="fill:rgb(132,132,132);"/>
+    </g>
+    <g transform="matrix(0.380447,0,0,0.380447,-133.815,-192.259)">
+        <circle cx="373" cy="548" r="9" style="fill:rgb(164,164,164);"/>
+    </g>
+    <g transform="matrix(0.805188,0.989796,-0.494648,0.40239,4.35621,2.01601)">
+        <path d="M13.062,8.009L7.943,7.807L7.095,11.574L13.787,12.281L13.062,8.009Z" style="fill:rgb(164,164,164);"/>
+    </g>
+    <g transform="matrix(0.520392,0,0,0.520392,-188.79,-266.896)">
+        <circle cx="373" cy="548" r="9" style="fill:rgb(90,90,90);"/>
+    </g>
+    <g transform="matrix(0.351922,0,0,0.351922,-126.923,-174.686)">
+        <circle cx="373" cy="548" r="9" style="fill:rgb(110,110,110);"/>
+    </g>
+    <g transform="matrix(0.156118,0,0,0.100562,-55.0229,-37.589)">
+        <circle cx="373" cy="548" r="9" style="fill:rgb(204,204,204);"/>
+    </g>
+</svg>
diff --git a/design/switch-up.afdesign b/design/switch-up.afdesign
new file mode 100644
index 0000000..6a56013
Binary files /dev/null and b/design/switch-up.afdesign differ
diff --git a/design/switch-up.svg b/design/switch-up.svg
new file mode 100644
index 0000000..e0e519f
--- /dev/null
+++ b/design/switch-up.svg
@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 20 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <g transform="matrix(0.988744,0,0,0.988744,-358.802,-526.832)">
+        <circle cx="373" cy="548" r="9" style="fill:rgb(41,41,41);"/>
+    </g>
+    <g transform="matrix(0.988744,0,0,0.988744,-358.802,-526.832)">
+        <path d="M373,538.289C367.641,538.289 363.289,542.641 363.289,548C363.289,553.359 367.641,557.711 373,557.711C378.359,557.711 382.711,553.359 382.711,548C382.711,542.641 378.359,538.289 373,538.289ZM373,539.711C377.575,539.711 381.289,543.425 381.289,548C381.289,552.575 377.575,556.289 373,556.289C368.425,556.289 364.711,552.575 364.711,548C364.711,543.425 368.425,539.711 373,539.711Z" style="fill:rgb(132,132,132);"/>
+    </g>
+    <g transform="matrix(0.325165,0,0,0.325165,-111.873,-164.24)">
+        <circle cx="373" cy="548" r="9" style="fill:rgb(164,164,164);"/>
+    </g>
+    <g transform="matrix(-0.968511,0.830669,-0.415125,-0.48401,21.6275,7.55916)">
+        <path d="M12.767,5.853L8.574,2.453L4.281,15.498L11.041,21.088L12.767,5.853Z" style="fill:rgb(164,164,164);"/>
+    </g>
+    <g transform="matrix(0.520392,0,0,0.520392,-187.619,-280.491)">
+        <circle cx="373" cy="548" r="9" style="fill:rgb(90,90,90);"/>
+    </g>
+    <g transform="matrix(0.351922,0,0,0.351922,-125.28,-189.17)">
+        <circle cx="373" cy="548" r="9" style="fill:rgb(110,110,110);"/>
+    </g>
+    <g transform="matrix(0.156118,0,0,0.100562,-53.1495,-52.3295)">
+        <circle cx="373" cy="548" r="9" style="fill:rgb(204,204,204);"/>
+    </g>
+</svg>