1 files changed, 110 insertions, 0 deletions
diff --git a/Flat-Remix/apps/scalable/swatchbooker.svg b/Flat-Remix/apps/scalable/swatchbooker.svg
new file mode 100644
index 000000000..57a1aaef7
--- /dev/null
+++ b/Flat-Remix/apps/scalable/swatchbooker.svg
@@ -0,0 +1,110 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="384pt" height="384pt" version="1.1" viewBox="0 0 384 384">
+ <defs>
+  <filter id="alpha" width="100%" height="100%" x="0%" y="0%" filterUnits="objectBoundingBox">
+   <feColorMatrix in="SourceGraphic" type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
+  </filter>
+  <mask id="mask0">
+   <g filter="url(#alpha)">
+    <rect width="384" height="384" x="0" y="0" style="fill:rgb(0%,0%,0%);fill-opacity:0.2"/>
+   </g>
+  </mask>
+  <clipPath id="clip1">
+   <rect width="384" height="384" x="0" y="0"/>
+  </clipPath>
+  <g id="surface5" clip-path="url(#clip1)">
+   <path style="fill:rgb(0%,0%,0%)" d="M 188.25 58.664062 C 169.160156 59.820312 151.179688 70.070312 141 87.703125 L 31.78125 276.84375 C 26.472656 286.039062 24.253906 296.074219 24.28125 306 L 120 306 L 120 354.46875 C 126.21875 349.867188 131.613281 343.964844 135.726562 336.84375 L 244.921875 147.703125 C 261.210938 119.492188 251.136719 83.394531 222.351562 66.773438 C 211.554688 60.539062 199.703125 57.96875 188.25 58.664062 Z M 188.25 58.664062"/>
+  </g>
+  <mask id="mask1">
+   <g filter="url(#alpha)">
+    <rect width="384" height="384" x="0" y="0" style="fill:rgb(0%,0%,0%);fill-opacity:0.2"/>
+   </g>
+  </mask>
+  <clipPath id="clip2">
+   <rect width="384" height="384" x="0" y="0"/>
+  </clipPath>
+  <g id="surface8" clip-path="url(#clip2)">
+   <path style="fill:rgb(0%,0%,0%)" d="M 275.90625 137.484375 C 264.554688 136.582031 252.875 138.96875 242.296875 145.078125 L 53.15625 254.273438 C 34.164062 265.238281 24 285.296875 24.28125 306 L 120 306 L 120 354.257812 L 302.296875 249 C 330.507812 232.710938 339.847656 196.433594 323.226562 167.648438 C 312.839844 149.65625 294.828125 138.984375 275.90625 137.484375 Z M 275.90625 137.484375"/>
+  </g>
+  <mask id="mask2">
+   <g filter="url(#alpha)">
+    <rect width="384" height="384" x="0" y="0" style="fill:rgb(0%,0%,0%);fill-opacity:0.2"/>
+   </g>
+  </mask>
+  <clipPath id="clip3">
+   <rect width="384" height="384" x="0" y="0"/>
+  </clipPath>
+  <g id="surface11" clip-path="url(#clip3)">
+   <path style="fill:rgb(0%,0%,0%)" d="M 82.800781 246 L 301.199219 246 C 333.675781 246 360 272.863281 360 306 C 360 339.136719 333.675781 366 301.199219 366 L 82.800781 366 C 50.324219 366 24 339.136719 24 306 C 24 272.863281 50.324219 246 82.800781 246 Z M 82.800781 246"/>
+  </g>
+  <mask id="mask3">
+   <g filter="url(#alpha)">
+    <rect width="384" height="384" x="0" y="0" style="fill:rgb(0%,0%,0%);fill-opacity:0.101961"/>
+   </g>
+  </mask>
+  <clipPath id="clip4">
+   <rect width="384" height="384" x="0" y="0"/>
+  </clipPath>
+  <g id="surface14" clip-path="url(#clip4)">
+   <path style="fill:rgb(100%,100%,100%)" d="M 84 24 C 50.761719 24 24 50.230469 24 82.804688 L 24 88.804688 C 24 56.230469 50.761719 30 84 30 C 117.238281 30 144 56.230469 144 88.804688 L 144 82.804688 C 144 50.230469 117.238281 24 84 24 Z M 84 24"/>
+  </g>
+  <mask id="mask4">
+   <g filter="url(#alpha)">
+    <rect width="384" height="384" x="0" y="0" style="fill:rgb(0%,0%,0%);fill-opacity:0.2"/>
+   </g>
+  </mask>
+  <clipPath id="clip5">
+   <rect width="384" height="384" x="0" y="0"/>
+  </clipPath>
+  <g id="surface17" clip-path="url(#clip5)">
+   <path style="fill:rgb(0%,0%,0%)" d="M 108 306 C 108 319.253906 97.253906 330 84 330 C 70.746094 330 60 319.253906 60 306 C 60 292.746094 70.746094 282 84 282 C 97.253906 282 108 292.746094 108 306 Z M 108 306"/>
+  </g>
+  <mask id="mask5">
+   <g filter="url(#alpha)">
+    <rect width="384" height="384" x="0" y="0" style="fill:rgb(0%,0%,0%);fill-opacity:0.101961"/>
+   </g>
+  </mask>
+  <clipPath id="clip6">
+   <rect width="384" height="384" x="0" y="0"/>
+  </clipPath>
+  <g id="surface20" clip-path="url(#clip6)">
+   <path style="fill:rgb(100%,100%,100%)" d="M 192.5625 52.558594 C 191.121094 52.542969 189.683594 52.578125 188.25 52.664062 C 169.160156 53.820312 151.179688 64.070312 141 81.703125 L 31.78125 270.84375 C 26.472656 280.039062 24.253906 290.078125 24.28125 300 L 24.609375 300 C 25.335938 292.066406 27.539062 284.1875 31.78125 276.84375 L 141 87.703125 C 151.179688 70.070312 169.160156 59.820312 188.25 58.664062 C 199.703125 57.96875 211.554688 60.539062 222.351562 66.773438 C 240.839844 77.449219 251.550781 96.160156 252.574219 115.652344 C 253.667969 94.070312 242.730469 72.539062 222.351562 60.773438 C 212.90625 55.320312 202.652344 52.671875 192.5625 52.558594 Z M 192.5625 52.558594"/>
+  </g>
+  <mask id="mask6">
+   <g filter="url(#alpha)">
+    <rect width="384" height="384" x="0" y="0" style="fill:rgb(0%,0%,0%);fill-opacity:0.101961"/>
+   </g>
+  </mask>
+  <clipPath id="clip7">
+   <rect width="384" height="384" x="0" y="0"/>
+  </clipPath>
+  <g id="surface23" clip-path="url(#clip7)">
+   <path style="fill:rgb(100%,100%,100%)" d="M 271.640625 131.296875 C 261.65625 131.234375 251.554688 133.734375 242.296875 139.078125 L 53.15625 248.273438 C 34.164062 259.238281 24 279.296875 24.28125 300 L 24.585938 300 C 26.148438 281.492188 36.007812 264.175781 53.15625 254.273438 L 242.296875 145.078125 C 252.875 138.96875 264.554688 136.582031 275.90625 137.484375 C 294.828125 138.984375 312.839844 149.65625 323.226562 167.648438 C 328.28125 176.402344 330.90625 185.855469 331.359375 195.222656 C 331.945312 183.933594 329.363281 172.277344 323.226562 161.648438 C 312.839844 143.65625 294.828125 132.984375 275.90625 131.484375 C 274.488281 131.371094 273.066406 131.304688 271.640625 131.296875 Z M 271.640625 131.296875"/>
+  </g>
+  <mask id="mask7">
+   <g filter="url(#alpha)">
+    <rect width="384" height="384" x="0" y="0" style="fill:rgb(0%,0%,0%);fill-opacity:0.101961"/>
+   </g>
+  </mask>
+  <clipPath id="clip8">
+   <rect width="384" height="384" x="0" y="0"/>
+  </clipPath>
+  <g id="surface26" clip-path="url(#clip8)">
+   <path style="fill:rgb(100%,100%,100%)" d="M 82.804688 240 C 50.230469 240 24 266.761719 24 300 C 24 301.011719 24.105469 302 24.152344 303 C 25.683594 271.175781 51.222656 246 82.804688 246 L 301.195312 246 C 332.777344 246 358.316406 271.175781 359.847656 303 C 359.894531 302 360 301.011719 360 300 C 360 266.761719 333.769531 240 301.195312 240 Z M 82.804688 240"/>
+  </g>
+ </defs>
+ <g>
+  <use mask="url(#mask0)" xlink:href="#surface5"/>
+  <use mask="url(#mask1)" xlink:href="#surface8"/>
+  <use mask="url(#mask2)" xlink:href="#surface11"/>
+  <path style="fill:rgb(30.980392%,30.980392%,30.980392%)" d="M 84 24 C 50.761719 24 24 50.230469 24 82.804688 L 24 300 L 120 300 L 120 348.046875 C 134.507812 337.332031 144 320.449219 144 301.195312 L 144 82.804688 C 144 50.230469 117.238281 24 84 24 Z M 84 24"/>
+  <use mask="url(#mask3)" xlink:href="#surface14"/>
+  <path style="fill:rgb(30.196078%,30.588235%,60%)" d="M 188.25 52.664062 C 169.160156 53.820312 151.179688 64.070312 141 81.703125 L 31.78125 270.84375 C 26.472656 280.039062 24.253906 290.078125 24.28125 300 L 120 300 L 120 348.46875 C 126.21875 343.867188 131.613281 337.964844 135.726562 330.84375 L 244.921875 141.703125 C 261.210938 113.492188 251.136719 77.394531 222.351562 60.773438 C 211.554688 54.539062 199.703125 51.96875 188.25 52.664062 Z M 188.25 52.664062"/>
+  <path style="fill:rgb(90.588235%,28.627451%,28.627451%)" d="M 275.90625 131.484375 C 264.554688 130.582031 252.875 132.96875 242.296875 139.078125 L 53.15625 248.273438 C 34.164062 259.238281 24 279.296875 24.28125 300 L 120 300 L 120 348.257812 L 302.296875 243 C 330.507812 226.710938 339.847656 190.433594 323.226562 161.648438 C 312.839844 143.65625 294.828125 132.984375 275.90625 131.484375 Z M 275.90625 131.484375"/>
+  <path style="fill:rgb(100%,76.078431%,33.333333%)" d="M 82.800781 240 L 301.199219 240 C 333.675781 240 360 266.863281 360 300 C 360 333.136719 333.675781 360 301.199219 360 L 82.800781 360 C 50.324219 360 24 333.136719 24 300 C 24 266.863281 50.324219 240 82.800781 240 Z M 82.800781 240"/>
+  <use mask="url(#mask4)" xlink:href="#surface17"/>
+  <path style="fill:rgb(100%,100%,100%)" d="M 108 300 C 108 313.253906 97.253906 324 84 324 C 70.746094 324 60 313.253906 60 300 C 60 286.746094 70.746094 276 84 276 C 97.253906 276 108 286.746094 108 300 Z M 108 300"/>
+  <use mask="url(#mask5)" xlink:href="#surface20"/>
+  <use mask="url(#mask6)" xlink:href="#surface23"/>
+  <use mask="url(#mask7)" xlink:href="#surface26"/>
+ </g>
+</svg>