Initial commit of SVG gauge cluster mockup

svg/hexcorp-cluster.svg

@@ -0,0 +1,146 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="1280"
+   height="480"
+   viewBox="0 0 338.66666 127"
+   version="1.1"
+   id="svg1"
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25, custom)"
+   sodipodi:docname="hexcorp-cluster.svg"
+   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">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#000000"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     inkscape:zoom="0.70710678"
+     inkscape:cx="636.3961"
+     inkscape:cy="114.5513"
+     inkscape:window-width="1920"
+     inkscape:window-height="1019"
+     inkscape:window-x="0"
+     inkscape:window-y="33"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="g5" />
+  <defs
+     id="defs1">
+    <rect
+       x="75.45131"
+       y="123.53236"
+       width="368.43723"
+       height="174.93815"
+       id="rect2" />
+    <rect
+       x="394.63408"
+       y="96.417443"
+       width="536.65978"
+       height="227.04646"
+       id="rect1" />
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <g
+       id="g5"
+       transform="translate(0,8.4229088)">
+      <text
+         xml:space="preserve"
+         transform="matrix(0.26458333,0,0,0.26458333,40.038792,16.16942)"
+         id="text1"
+         style="font-size:48px;line-height:1.25;font-family:'Futura Condensed Extra';-inkscape-font-specification:'Futura Condensed Extra';white-space:pre;shape-inside:url(#rect1);fill:#ff00ff"><tspan
+           x="394.63477"
+           y="276.93971"
+           id="tspan4"><tspan
+             style="font-size:192px;font-family:'HEX:gon Bold Italic';-inkscape-font-specification:'HEX:gon Bold Italic, Normal'"
+             id="tspan3">6</tspan></tspan></text>
+      <text
+         xml:space="preserve"
+         transform="matrix(0.26458333,0,0,0.26458333,14.497576,18.562394)"
+         id="text2"
+         style="font-size:48px;line-height:1.25;font-family:'Futura Condensed Extra';-inkscape-font-specification:'Futura Condensed Extra';white-space:pre;shape-inside:url(#rect2)"><tspan
+           x="75.451172"
+           y="202.37605"
+           id="tspan6"><tspan
+             style="font-style:italic;font-weight:600;font-size:85.3333px;font-family:Muli;-inkscape-font-specification:'Muli, Semi-Bold Italic';fill:#ff00ff"
+             id="tspan5">52 mph</tspan></tspan></text>
+    </g>
+    <g
+       id="g4"
+       transform="translate(-9.8327967,1.3090681)">
+      <rect
+         style="fill:#00ff00;fill-opacity:1;stroke:#000000;stroke-width:0.285999"
+         id="rect3"
+         width="16"
+         height="6"
+         x="97.555466"
+         y="10.380439" />
+      <rect
+         style="fill:#aaff00;fill-opacity:1;stroke:#000000;stroke-width:0.285999"
+         id="rect3-0"
+         width="16"
+         height="6"
+         x="115.95813"
+         y="10.380439" />
+      <rect
+         style="fill:#ffff00;fill-opacity:1;stroke:#000000;stroke-width:0.285999"
+         id="rect3-0-2"
+         width="16"
+         height="6"
+         x="134.36079"
+         y="10.380439" />
+      <rect
+         style="fill:#ffaa00;fill-opacity:1;stroke:#000000;stroke-width:0.285999"
+         id="rect3-0-6"
+         width="16"
+         height="6"
+         x="152.76346"
+         y="10.380439" />
+      <rect
+         style="fill:#ff6666;fill-opacity:1;stroke:#000000;stroke-width:0.285999"
+         id="rect3-0-28"
+         width="16"
+         height="6"
+         x="171.16612"
+         y="10.380439" />
+      <rect
+         style="fill:#ffaa00;stroke:#000000;stroke-width:0.285999;fill-opacity:1"
+         id="rect3-0-60"
+         width="16"
+         height="6"
+         x="189.56879"
+         y="10.380439" />
+      <rect
+         style="fill:#ffff00;fill-opacity:1;stroke:#000000;stroke-width:0.285999"
+         id="rect3-0-1"
+         width="16"
+         height="6"
+         x="207.97147"
+         y="10.380439" />
+      <rect
+         style="fill:#aaff00;fill-opacity:1;stroke:#000000;stroke-width:0.285999"
+         id="rect3-0-5"
+         width="16"
+         height="6"
+         x="226.37413"
+         y="10.380439" />
+      <rect
+         style="fill:#00ff00;stroke:#000000;stroke-width:0.285999"
+         id="rect3-0-4"
+         width="16"
+         height="6"
+         x="244.77679"
+         y="10.380439" />
+    </g>
+  </g>
+</svg>