media/Pragmatic 42 Layout Designer.svg

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
   width="297mm"
   height="210mm"
   viewBox="0 0 1124.521 795.11586"
   version="1.1"
   id="svg1163"
   sodipodi:docname="Pragmatic 42 Layout Designer.svg"
   inkscape:version="1.3.2 (091e20e, 2023-11-25)"
   inkscape:export-filename="Pragmatic 42 Layout Designer.pdf"
   inkscape:export-xdpi="96"
   inkscape:export-ydpi="96"
   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
   xmlns:xlink="http://www.w3.org/1999/xlink"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:svg="http://www.w3.org/2000/svg"
   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
   xmlns:cc="http://creativecommons.org/ns#"
   xmlns:dc="http://purl.org/dc/elements/1.1/">
  <title
     id="title4028">Pragmatic 42 Layout Designer</title>
  <sodipodi:namedview
     id="namedview1165"
     pagecolor="#ffffff"
     bordercolor="#666666"
     borderopacity="1.0"
     inkscape:showpageshadow="2"
     inkscape:pageopacity="0.0"
     inkscape:pagecheckerboard="true"
     inkscape:deskcolor="#d1d1d1"
     showgrid="false"
     inkscape:document-units="mm"
     inkscape:zoom="0.95698925"
     inkscape:cx="445.66854"
     inkscape:cy="398.12359"
     inkscape:window-width="1872"
     inkscape:window-height="1027"
     inkscape:window-x="1441"
     inkscape:window-y="25"
     inkscape:window-maximized="0"
     inkscape:current-layer="svg1163"
     showguides="false"
     inkscape:lockguides="false"
     labelstyle="default"
     showborder="true">
    <inkscape:grid
       type="xygrid"
       id="grid1495"
       units="mm"
       originx="561.25989"
       originy="396.8504"
       spacingx="3.7795276"
       spacingy="3.7795276"
       visible="false" />
  </sodipodi:namedview>
  <style
     type="text/css"
     id="style787">
    .keycap .border { stroke: black; stroke-width: 2; }
    .keycap .inner.border { stroke: rgba(0,0,0,.1); }
    </style>
  <defs
     id="defs815">
    <linearGradient
       id="DCS">
      <stop
         offset="0%"
         stop-color="black"
         stop-opacity="0"
         id="stop789" />
      <stop
         offset="40%"
         stop-color="black"
         stop-opacity="0.1"
         id="stop791" />
      <stop
         offset="60%"
         stop-color="black"
         stop-opacity="0.1"
         id="stop793" />
      <stop
         offset="100%"
         stop-color="black"
         stop-opacity="0"
         id="stop795" />
    </linearGradient>
    <linearGradient
       id="SPACE"
       x1="0"
       x2="0"
       y1="0"
       y2="1">
      <stop
         offset="0%"
         stop-color="black"
         stop-opacity="0.1"
         id="stop798" />
      <stop
         offset="20%"
         stop-color="black"
         stop-opacity="0.0"
         id="stop800" />
      <stop
         offset="40%"
         stop-color="black"
         stop-opacity="0.0"
         id="stop802" />
      <stop
         offset="100%"
         stop-color="black"
         stop-opacity="0.1"
         id="stop804" />
    </linearGradient>
    <radialGradient
       id="DSA">
      <stop
         offset="0%"
         stop-color="black"
         stop-opacity="0.1"
         id="stop807" />
      <stop
         offset="10%"
         stop-color="black"
         stop-opacity="0.1"
         id="stop809" />
      <stop
         offset="100%"
         stop-color="black"
         stop-opacity="0"
         id="stop811" />
    </radialGradient>
    <radialGradient
       id="SA"
       xlink:href="#DSA" />
  </defs>
  <use
     x="0"
     y="0"
     inkscape:tiled-clone-of="#g1457"
     xlink:href="#g1457"
     id="use1475"
     transform="translate(552.94489,490.20473)"
     inkscape:label="clone 5" />
  <use
     x="0"
     y="0"
     inkscape:tiled-clone-of="#g1457"
     xlink:href="#g1457"
     id="use1481"
     transform="translate(0,490.20473)"
     inkscape:label="clone 4" />
  <use
     x="0"
     y="0"
     inkscape:tiled-clone-of="#g1457"
     xlink:href="#g1457"
     id="use1473"
     transform="translate(552.94489,244.53544)"
     inkscape:label="clone 3" />
  <use
     x="0"
     y="0"
     inkscape:tiled-clone-of="#g1457"
     xlink:href="#g1457"
     id="use1479"
     transform="translate(3.3822664e-8,244.53544)"
     inkscape:label="clone 2" />
  <use
     x="0"
     y="0"
     inkscape:tiled-clone-of="#g1457"
     xlink:href="#g1457"
     id="use1471"
     transform="translate(552.94489)"
     inkscape:label="clone 1" />
  <g
     id="g1457"
     transform="matrix(0.82191174,0,0,0.85759512,18.668832,61.687232)"
     inkscape:tile-cx="273.16196"
     inkscape:tile-cy="143.25"
     inkscape:tile-w="373.63544"
     inkscape:tile-h="158.14475"
     inkscape:tile-x0="86.344237"
     inkscape:tile-y0="64.177631"
     inkscape:label="original">
    <g
       transform="matrix(1.0317698,0,0,1.0317698,-5.1837293,-48.056845)"
       id="g1161"
       inkscape:label="board"
       style="display:inline">
      <rect
         width="631"
         height="266.5"
         stroke="#dddddd"
         stroke-width="1"
         fill="#eeeeee"
         rx="6"
         id="rect817"
         inkscape:label="backdrop"
         x="0"
         y="0" />
      <g
         transform="translate(5,5)"
         id="g1159">
        <g
           id="left1"
           transform="matrix(1.0069524,0,0,1.0069524,38.77473,0)">
          <g
             id="g39"
             transform="matrix(0.88442202,0,0,0.88442202,-36.294193,0.63472552)"
             style="display:inline">
            <g
               class="  keycap"
               id="g30">
              <!-- Outer Border -->
              <rect
                 x="1"
                 y="55"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 class="outer border"
                 id="rect27" />
              <!-- Outer Fill -->
              <rect
                 x="1"
                 y="55"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 id="rect28" />
              <!-- Inner Border -->
              <rect
                 x="7"
                 y="58"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 class="inner border"
                 id="rect29" />
              <!-- Inner Fill -->
              <rect
                 x="7"
                 y="58"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 id="rect30" />
            </g>
            <g
               class="  keycap"
               id="g34">
              <!-- Outer Border -->
              <rect
                 x="1"
                 y="109"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 class="outer border"
                 id="rect31" />
              <!-- Outer Fill -->
              <rect
                 x="1"
                 y="109"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 id="rect32" />
              <!-- Inner Border -->
              <rect
                 x="7"
                 y="112"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 class="inner border"
                 id="rect33" />
              <!-- Inner Fill -->
              <rect
                 x="7"
                 y="112"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 id="rect34" />
            </g>
            <g
               class="  keycap"
               id="g38">
              <!-- Outer Border -->
              <rect
                 x="1"
                 y="163"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 class="outer border"
                 id="rect35" />
              <!-- Outer Fill -->
              <rect
                 x="1"
                 y="163"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 id="rect36" />
              <!-- Inner Border -->
              <rect
                 x="7"
                 y="166"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 class="inner border"
                 id="rect37" />
              <!-- Inner Fill -->
              <rect
                 x="7"
                 y="166"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 id="rect38" />
            </g>
          </g>
          <g
             id="g27"
             transform="matrix(0.88442203,0,0,0.88442203,11.950458,-13.809046)">
            <g
               class="  keycap"
               id="g907">
              <!-- Outer Border -->
              <rect
                 x="1"
                 y="55"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 class="outer border"
                 id="rect899" />
              <!-- Outer Fill -->
              <rect
                 x="1"
                 y="55"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 id="rect901" />
              <!-- Inner Border -->
              <rect
                 x="7"
                 y="58"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 class="inner border"
                 id="rect903" />
              <!-- Inner Fill -->
              <rect
                 x="7"
                 y="58"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 id="rect905" />
            </g>
            <g
               class="  keycap"
               id="g1007">
              <!-- Outer Border -->
              <rect
                 x="1"
                 y="109"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 class="outer border"
                 id="rect999" />
              <!-- Outer Fill -->
              <rect
                 x="1"
                 y="109"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 id="rect1001" />
              <!-- Inner Border -->
              <rect
                 x="7"
                 y="112"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 class="inner border"
                 id="rect1003" />
              <!-- Inner Fill -->
              <rect
                 x="7"
                 y="112"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 id="rect1005" />
            </g>
            <g
               class="  keycap"
               id="g1107">
              <!-- Outer Border -->
              <rect
                 x="1"
                 y="163"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 class="outer border"
                 id="rect1099" />
              <!-- Outer Fill -->
              <rect
                 x="1"
                 y="163"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 id="rect1101" />
              <!-- Inner Border -->
              <rect
                 x="7"
                 y="166"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 class="inner border"
                 id="rect1103" />
              <!-- Inner Fill -->
              <rect
                 x="7"
                 y="166"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 id="rect1105" />
            </g>
          </g>
          <g
             id="g26"
             transform="matrix(0.88442203,0,0,0.88442203,11.950458,-6.5919509)">
            <g
               class="  keycap"
               id="g847">
              <!-- Outer Border -->
              <rect
                 x="55"
                 y="28"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 class="outer border"
                 id="rect839" />
              <!-- Outer Fill -->
              <rect
                 x="55"
                 y="28"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 id="rect841" />
              <!-- Inner Border -->
              <rect
                 x="61"
                 y="31"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 class="inner border"
                 id="rect843" />
              <!-- Inner Fill -->
              <rect
                 x="61"
                 y="31"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 id="rect845" />
            </g>
            <g
               class="  keycap"
               id="g947">
              <!-- Outer Border -->
              <rect
                 x="55"
                 y="82"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 class="outer border"
                 id="rect939" />
              <!-- Outer Fill -->
              <rect
                 x="55"
                 y="82"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 id="rect941" />
              <!-- Inner Border -->
              <rect
                 x="61"
                 y="85"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 class="inner border"
                 id="rect943" />
              <!-- Inner Fill -->
              <rect
                 x="61"
                 y="85"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 id="rect945" />
            </g>
            <g
               class="  keycap"
               id="g1047">
              <!-- Outer Border -->
              <rect
                 x="55"
                 y="136"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 class="outer border"
                 id="rect1039" />
              <!-- Outer Fill -->
              <rect
                 x="55"
                 y="136"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 id="rect1041" />
              <!-- Inner Border -->
              <rect
                 x="61"
                 y="139"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 class="inner border"
                 id="rect1043" />
              <!-- Inner Fill -->
              <rect
                 x="61"
                 y="139"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 id="rect1045" />
            </g>
          </g>
          <g
             id="g25"
             transform="matrix(0.88442203,0,0,0.88442203,11.950458,3.6284302)">
            <g
               class="  keycap"
               id="g827">
              <!-- Outer Border -->
              <rect
                 x="109"
                 y="1"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 class="outer border"
                 id="rect819" />
              <!-- Outer Fill -->
              <rect
                 x="109"
                 y="1"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 id="rect821" />
              <!-- Inner Border -->
              <rect
                 x="115"
                 y="4"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 class="inner border"
                 id="rect823" />
              <!-- Inner Fill -->
              <rect
                 x="115"
                 y="4"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 id="rect825" />
            </g>
            <g
               class="  keycap"
               id="g917">
              <!-- Outer Border -->
              <rect
                 x="109"
                 y="55"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 class="outer border"
                 id="rect909" />
              <!-- Outer Fill -->
              <rect
                 x="109"
                 y="55"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 id="rect911" />
              <!-- Inner Border -->
              <rect
                 x="115"
                 y="58"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 class="inner border"
                 id="rect913" />
              <!-- Inner Fill -->
              <rect
                 x="115"
                 y="58"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 id="rect915" />
            </g>
            <g
               class="  keycap"
               id="g1017">
              <!-- Outer Border -->
              <rect
                 x="109"
                 y="109"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 class="outer border"
                 id="rect1009" />
              <!-- Outer Fill -->
              <rect
                 x="109"
                 y="109"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 id="rect1011" />
              <!-- Inner Border -->
              <rect
                 x="115"
                 y="112"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 class="inner border"
                 id="rect1013" />
              <!-- Inner Fill -->
              <rect
                 x="115"
                 y="112"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 id="rect1015" />
            </g>
          </g>
          <g
             id="g24"
             transform="matrix(0.88442203,0,0,0.88442203,11.950458,-6.5919509)">
            <g
               class="  keycap"
               id="g857">
              <!-- Outer Border -->
              <rect
                 x="163"
                 y="28"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 class="outer border"
                 id="rect849" />
              <!-- Outer Fill -->
              <rect
                 x="163"
                 y="28"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 id="rect851" />
              <!-- Inner Border -->
              <rect
                 x="169"
                 y="31"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 class="inner border"
                 id="rect853" />
              <!-- Inner Fill -->
              <rect
                 x="169"
                 y="31"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 id="rect855" />
            </g>
            <g
               class="  keycap"
               id="g957">
              <!-- Outer Border -->
              <rect
                 x="163"
                 y="82"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 class="outer border"
                 id="rect949" />
              <!-- Outer Fill -->
              <rect
                 x="163"
                 y="82"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 id="rect951" />
              <!-- Inner Border -->
              <rect
                 x="169"
                 y="85"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 class="inner border"
                 id="rect953" />
              <!-- Inner Fill -->
              <rect
                 x="169"
                 y="85"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 id="rect955" />
            </g>
            <g
               class="  keycap"
               id="g1057">
              <!-- Outer Border -->
              <rect
                 x="163"
                 y="136"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 class="outer border"
                 id="rect1049" />
              <!-- Outer Fill -->
              <rect
                 x="163"
                 y="136"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 id="rect1051" />
              <!-- Inner Border -->
              <rect
                 x="169"
                 y="139"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 class="inner border"
                 id="rect1053" />
              <!-- Inner Fill -->
              <rect
                 x="169"
                 y="139"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 id="rect1055" />
            </g>
          </g>
          <g
             id="g23"
             transform="matrix(0.88442203,0,0,0.88442203,11.529211,9.166818)">
            <g
               class="  keycap"
               id="g867">
              <!-- Outer Border -->
              <rect
                 x="217"
                 y="28"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 class="outer border"
                 id="rect859" />
              <!-- Outer Fill -->
              <rect
                 x="217"
                 y="28"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 id="rect861" />
              <!-- Inner Border -->
              <rect
                 x="223"
                 y="31"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 class="inner border"
                 id="rect863" />
              <!-- Inner Fill -->
              <rect
                 x="223"
                 y="31"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 id="rect865" />
            </g>
            <g
               class="  keycap"
               id="g967">
              <!-- Outer Border -->
              <rect
                 x="217"
                 y="82"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 class="outer border"
                 id="rect959" />
              <!-- Outer Fill -->
              <rect
                 x="217"
                 y="82"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 id="rect961" />
              <!-- Inner Border -->
              <rect
                 x="223"
                 y="85"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 class="inner border"
                 id="rect963" />
              <!-- Inner Fill -->
              <rect
                 x="223"
                 y="85"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 id="rect965" />
            </g>
            <g
               class="  keycap"
               id="g1067">
              <!-- Outer Border -->
              <rect
                 x="217"
                 y="136"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 class="outer border"
                 id="rect1059" />
              <!-- Outer Fill -->
              <rect
                 x="217"
                 y="136"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 id="rect1061" />
              <!-- Inner Border -->
              <rect
                 x="223"
                 y="139"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 class="inner border"
                 id="rect1063" />
              <!-- Inner Fill -->
              <rect
                 x="223"
                 y="139"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 id="rect1065" />
            </g>
          </g>
          <g
             id="g22"
             transform="matrix(0.88442203,0,0,0.88442203,-1.1747446,20.465896)">
            <g
               class="  keycap"
               id="g1137">
              <!-- Outer Border -->
              <rect
                 x="244"
                 y="203.5"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 class="outer border"
                 id="rect1129" />
              <!-- Outer Fill -->
              <rect
                 x="244"
                 y="203.5"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 id="rect1131" />
              <!-- Inner Border -->
              <rect
                 x="250"
                 y="206.5"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 class="inner border"
                 id="rect1133" />
              <!-- Inner Fill -->
              <rect
                 x="250"
                 y="206.5"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 id="rect1135" />
            </g>
            <g
               class="  keycap"
               id="g1127"
               transform="matrix(0.99703283,0,0,0.99703283,0.56079439,0.60085114)">
              <!-- Outer Border -->
              <rect
                 x="190"
                 y="203.5"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 class="outer border"
                 id="rect1119" />
              <!-- Outer Fill -->
              <rect
                 x="190"
                 y="203.5"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 id="rect1121" />
              <!-- Inner Border -->
              <rect
                 x="196"
                 y="206.5"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 class="inner border"
                 id="rect1123" />
              <!-- Inner Fill -->
              <rect
                 x="196"
                 y="206.5"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 id="rect1125" />
            </g>
            <g
               class="  keycap"
               id="g8"
               transform="matrix(0.99703283,0,0,0.99703283,-54.161547,0.60084979)"
               style="display:inline;image-rendering:auto">
              <!-- Outer Border -->
              <rect
                 x="190"
                 y="203.5"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 class="outer border"
                 id="rect5" />
              <!-- Outer Fill -->
              <rect
                 x="190"
                 y="203.5"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 id="rect6" />
              <!-- Inner Border -->
              <rect
                 x="196"
                 y="206.5"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 class="inner border"
                 id="rect7" />
              <!-- Inner Fill -->
              <rect
                 x="196"
                 y="206.5"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 id="rect8" />
            </g>
          </g>
        </g>
        <g
           id="right1"
           transform="matrix(0.94787447,0,0,0.94787447,6.7729457,0.19053834)">
          <g
             id="g21"
             transform="translate(25.647684,-2.7900466)">
            <g
               class="  keycap"
               id="g12"
               transform="matrix(0.93672318,0,0,0.93672318,35.877959,3.4169485)">
              <!-- Outer Border -->
              <rect
                 x="568"
                 y="55"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 class="outer border"
                 id="rect9" />
              <!-- Outer Fill -->
              <rect
                 x="568"
                 y="55"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 id="rect10" />
              <!-- Inner Border -->
              <rect
                 x="574"
                 y="58"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 class="inner border"
                 id="rect11" />
              <!-- Inner Fill -->
              <rect
                 x="574"
                 y="58"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 id="rect12" />
            </g>
            <g
               class="  keycap"
               id="g16"
               transform="matrix(0.93672318,0,0,0.93672318,35.877959,3.7470532)">
              <!-- Outer Border -->
              <rect
                 x="568"
                 y="109"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 class="outer border"
                 id="rect13" />
              <!-- Outer Fill -->
              <rect
                 x="568"
                 y="109"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 id="rect14" />
              <!-- Inner Border -->
              <rect
                 x="574"
                 y="112"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 class="inner border"
                 id="rect15" />
              <!-- Inner Fill -->
              <rect
                 x="574"
                 y="112"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 id="rect16" />
            </g>
            <g
               class="  keycap"
               id="g20"
               transform="matrix(0.93672318,0,0,0.93672318,35.877959,4.0794995)">
              <!-- Outer Border -->
              <rect
                 x="568"
                 y="163"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 class="outer border"
                 id="rect17" />
              <!-- Outer Fill -->
              <rect
                 x="568"
                 y="163"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 id="rect18"
                 inkscape:label="rect1111" />
              <!-- Inner Border -->
              <rect
                 x="574"
                 y="166"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 class="inner border"
                 id="rect19" />
              <!-- Inner Fill -->
              <rect
                 x="574"
                 y="166"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 id="rect20" />
            </g>
          </g>
          <g
             id="g7"
             transform="translate(-25.289659,-18.133331)">
            <g
               class="  keycap"
               id="g937"
               transform="matrix(0.93672318,0,0,0.93672318,35.877959,3.4169485)">
              <!-- Outer Border -->
              <rect
                 x="568"
                 y="55"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 class="outer border"
                 id="rect929" />
              <!-- Outer Fill -->
              <rect
                 x="568"
                 y="55"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 id="rect931" />
              <!-- Inner Border -->
              <rect
                 x="574"
                 y="58"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 class="inner border"
                 id="rect933" />
              <!-- Inner Fill -->
              <rect
                 x="574"
                 y="58"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 id="rect935" />
            </g>
            <g
               class="  keycap"
               id="g1037"
               transform="matrix(0.93672318,0,0,0.93672318,35.877959,3.7470532)">
              <!-- Outer Border -->
              <rect
                 x="568"
                 y="109"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 class="outer border"
                 id="rect1029" />
              <!-- Outer Fill -->
              <rect
                 x="568"
                 y="109"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 id="rect1031" />
              <!-- Inner Border -->
              <rect
                 x="574"
                 y="112"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 class="inner border"
                 id="rect1033" />
              <!-- Inner Fill -->
              <rect
                 x="574"
                 y="112"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 id="rect1035" />
            </g>
            <g
               class="  keycap"
               id="g1117"
               transform="matrix(0.93672318,0,0,0.93672318,35.877959,4.0794995)">
              <!-- Outer Border -->
              <rect
                 x="568"
                 y="163"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 class="outer border"
                 id="rect1109" />
              <!-- Outer Fill -->
              <rect
                 x="568"
                 y="163"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 id="rect1111"
                 inkscape:label="rect1111" />
              <!-- Inner Border -->
              <rect
                 x="574"
                 y="166"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 class="inner border"
                 id="rect1113" />
              <!-- Inner Fill -->
              <rect
                 x="574"
                 y="166"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 id="rect1115" />
            </g>
          </g>
          <g
             id="g6"
             transform="translate(-22.070445,-8.3928093)">
            <g
               class="  keycap"
               id="g897"
               transform="matrix(0.93672318,0,0,0.93672318,32.461011,1.2673817)">
              <!-- Outer Border -->
              <rect
                 x="514"
                 y="28"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 class="outer border"
                 id="rect889" />
              <!-- Outer Fill -->
              <rect
                 x="514"
                 y="28"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 id="rect891" />
              <!-- Inner Border -->
              <rect
                 x="520"
                 y="31"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 class="inner border"
                 id="rect893" />
              <!-- Inner Fill -->
              <rect
                 x="520"
                 y="31"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 id="rect895" />
            </g>
            <g
               class="  keycap"
               id="g997"
               transform="matrix(0.93672318,0,0,0.93672318,32.461011,2.0405403)">
              <!-- Outer Border -->
              <rect
                 x="514"
                 y="82"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 class="outer border"
                 id="rect989" />
              <!-- Outer Fill -->
              <rect
                 x="514"
                 y="82"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 id="rect991" />
              <!-- Inner Border -->
              <rect
                 x="520"
                 y="85"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 class="inner border"
                 id="rect993" />
              <!-- Inner Fill -->
              <rect
                 x="520"
                 y="85"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 id="rect995" />
            </g>
            <g
               class="  keycap"
               id="g1097"
               transform="matrix(0.93672318,0,0,0.93672318,32.461011,2.813699)">
              <!-- Outer Border -->
              <rect
                 x="514"
                 y="136"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 class="outer border"
                 id="rect1089" />
              <!-- Outer Fill -->
              <rect
                 x="514"
                 y="136"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 id="rect1091" />
              <!-- Inner Border -->
              <rect
                 x="520"
                 y="139"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 class="inner border"
                 id="rect1093" />
              <!-- Inner Fill -->
              <rect
                 x="520"
                 y="139"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 id="rect1095" />
            </g>
          </g>
          <g
             id="g3"
             transform="translate(-0.91969123)"
             style="display:inline">
            <g
               class="  keycap"
               id="g837"
               transform="matrix(0.93672318,0,0,0.93672318,10.786034,3.6553747)">
              <!-- Outer Border -->
              <rect
                 x="460"
                 y="1"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 class="outer border"
                 id="rect829" />
              <!-- Outer Fill -->
              <rect
                 x="460"
                 y="1"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 id="rect831" />
              <!-- Inner Border -->
              <rect
                 x="466"
                 y="4"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 class="inner border"
                 id="rect833" />
              <!-- Inner Fill -->
              <rect
                 x="466"
                 y="4"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 id="rect835" />
            </g>
            <g
               class="  keycap"
               id="g927"
               transform="matrix(0.93672318,0,0,0.93672318,10.786034,4.3004387)">
              <!-- Outer Border -->
              <rect
                 x="460"
                 y="55"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 class="outer border"
                 id="rect919" />
              <!-- Outer Fill -->
              <rect
                 x="460"
                 y="55"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 id="rect921" />
              <!-- Inner Border -->
              <rect
                 x="466"
                 y="58"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 class="inner border"
                 id="rect923" />
              <!-- Inner Fill -->
              <rect
                 x="466"
                 y="58"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 id="rect925" />
            </g>
            <g
               class="  keycap"
               id="g1027"
               transform="matrix(0.93672318,0,0,0.93672318,10.786034,4.6284779)">
              <!-- Outer Border -->
              <rect
                 x="460"
                 y="109"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 class="outer border"
                 id="rect1019" />
              <!-- Outer Fill -->
              <rect
                 x="460"
                 y="109"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 id="rect1021" />
              <!-- Inner Border -->
              <rect
                 x="466"
                 y="112"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 class="inner border"
                 id="rect1023" />
              <!-- Inner Fill -->
              <rect
                 x="466"
                 y="112"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 id="rect1025" />
            </g>
          </g>
          <g
             id="g2"
             transform="translate(-16.096459,-8.8339019)">
            <g
               class="  keycap"
               id="g887"
               transform="matrix(0.93672318,0,0,0.93672318,25.627114,1.7084743)">
              <!-- Outer Border -->
              <rect
                 x="406"
                 y="28"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 class="outer border"
                 id="rect879" />
              <!-- Outer Fill -->
              <rect
                 x="406"
                 y="28"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 id="rect881" />
              <!-- Inner Border -->
              <rect
                 x="412"
                 y="31"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 class="inner border"
                 id="rect883" />
              <!-- Inner Fill -->
              <rect
                 x="412"
                 y="31"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 id="rect885" />
            </g>
            <g
               class="  keycap"
               id="g987"
               transform="matrix(0.93672318,0,0,0.93672318,25.627114,2.0405403)">
              <!-- Outer Border -->
              <rect
                 x="406"
                 y="82"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 class="outer border"
                 id="rect979" />
              <!-- Outer Fill -->
              <rect
                 x="406"
                 y="82"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 id="rect981" />
              <!-- Inner Border -->
              <rect
                 x="412"
                 y="85"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 class="inner border"
                 id="rect983" />
              <!-- Inner Fill -->
              <rect
                 x="412"
                 y="85"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 id="rect985" />
            </g>
            <g
               class="  keycap"
               id="g1087"
               transform="matrix(0.93672318,0,0,0.93672318,25.627114,2.813699)">
              <!-- Outer Border -->
              <rect
                 x="406"
                 y="136"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 class="outer border"
                 id="rect1079" />
              <!-- Outer Fill -->
              <rect
                 x="406"
                 y="136"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 id="rect1081" />
              <!-- Inner Border -->
              <rect
                 x="412"
                 y="139"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 class="inner border"
                 id="rect1083" />
              <!-- Inner Fill -->
              <rect
                 x="412"
                 y="139"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 id="rect1085" />
            </g>
          </g>
          <g
             id="g1"
             transform="translate(-0.31493557,7.9042272)"
             style="display:inline">
            <g
               class="  keycap"
               id="g877"
               transform="matrix(0.93672318,0,0,0.93672318,8.8730756,1.7084743)">
              <!-- Outer Border -->
              <rect
                 x="352"
                 y="28"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 class="outer border"
                 id="rect869" />
              <!-- Outer Fill -->
              <rect
                 x="352"
                 y="28"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 id="rect871" />
              <!-- Inner Border -->
              <rect
                 x="358"
                 y="31"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 class="inner border"
                 id="rect873" />
              <!-- Inner Fill -->
              <rect
                 x="358"
                 y="31"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 id="rect875" />
            </g>
            <g
               class="  keycap"
               id="g977"
               transform="matrix(0.93672318,0,0,0.93672318,8.8730756,2.0405403)">
              <!-- Outer Border -->
              <rect
                 x="352"
                 y="82"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 class="outer border"
                 id="rect969" />
              <!-- Outer Fill -->
              <rect
                 x="352"
                 y="82"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 id="rect971" />
              <!-- Inner Border -->
              <rect
                 x="358"
                 y="85"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 class="inner border"
                 id="rect973" />
              <!-- Inner Fill -->
              <rect
                 x="358"
                 y="85"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 id="rect975" />
            </g>
            <g
               class="  keycap"
               id="g1077"
               transform="matrix(0.93672318,0,0,0.93672318,8.8730756,2.813699)">
              <!-- Outer Border -->
              <rect
                 x="352"
                 y="136"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 class="outer border"
                 id="rect1069" />
              <!-- Outer Fill -->
              <rect
                 x="352"
                 y="136"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 id="rect1071" />
              <!-- Inner Border -->
              <rect
                 x="358"
                 y="139"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 class="inner border"
                 id="rect1073" />
              <!-- Inner Fill -->
              <rect
                 x="358"
                 y="139"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 id="rect1075" />
            </g>
          </g>
          <g
             id="g5"
             transform="translate(1.5930771,9.2983476)"
             style="display:inline">
            <g
               class="  keycap"
               id="g4"
               transform="matrix(0.93672318,0,0,0.93672318,71.283364,12.813557)"
               style="display:inline">
              <!-- Outer Border -->
              <rect
                 x="379"
                 y="203.5"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 class="outer border"
                 id="rect1" />
              <!-- Outer Fill -->
              <rect
                 x="379"
                 y="203.5"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 id="rect2" />
              <!-- Inner Border -->
              <rect
                 x="385"
                 y="206.5"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 class="inner border"
                 id="rect3" />
              <!-- Inner Fill -->
              <rect
                 x="385"
                 y="206.5"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 id="rect4" />
            </g>
            <g
               class="  keycap"
               id="g1157"
               style="display:inline"
               transform="matrix(0.93672318,0,0,0.93672318,19.780621,12.813557)">
              <!-- Outer Border -->
              <rect
                 x="379"
                 y="203.5"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 class="outer border"
                 id="rect1149" />
              <!-- Outer Fill -->
              <rect
                 x="379"
                 y="203.5"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 id="rect1151" />
              <!-- Inner Border -->
              <rect
                 x="385"
                 y="206.5"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 class="inner border"
                 id="rect1153" />
              <!-- Inner Fill -->
              <rect
                 x="385"
                 y="206.5"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 id="rect1155" />
            </g>
            <g
               class="  keycap"
               id="g1147"
               style="display:inline"
               transform="matrix(0.93672318,0,0,0.93672318,20.501695,12.813561)">
              <!-- Outer Border -->
              <rect
                 x="325"
                 y="203.5"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 class="outer border"
                 id="rect1139" />
              <!-- Outer Fill -->
              <rect
                 x="325"
                 y="203.5"
                 width="52"
                 height="52"
                 rx="5"
                 fill="#cccccc"
                 id="rect1141" />
              <!-- Inner Border -->
              <rect
                 x="331"
                 y="206.5"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 class="inner border"
                 id="rect1143" />
              <!-- Inner Fill -->
              <rect
                 x="331"
                 y="206.5"
                 width="40"
                 height="40"
                 rx="5"
                 fill="#fcfcfc"
                 id="rect1145" />
            </g>
          </g>
        </g>
      </g>
    </g>
  </g>
  <text
     xml:space="preserve"
     style="font-weight:300;font-size:13.3333px;line-height:1.25;font-family:'SF Pro Rounded';-inkscape-font-specification:'SF Pro Rounded Light'"
     x="42.664093"
     y="773.75946"
     id="text3773"
     inkscape:label="title"><tspan
       sodipodi:role="line"
       id="tspan3771"
       x="42.664093"
       y="773.75946">pragmatic 42 layout designer</tspan></text>
  <metadata
     id="metadata4026">
    <rdf:RDF>
      <cc:Work
         rdf:about="">
        <dc:title>Pragmatic 42 Layout Designer</dc:title>
        <cc:license
           rdf:resource="http://creativecommons.org/licenses/by/4.0/" />
        <dc:date>2024-06-16</dc:date>
        <dc:creator>
          <cc:Agent>
            <dc:title>James Sa</dc:title>
          </cc:Agent>
        </dc:creator>
      </cc:Work>
      <cc:License
         rdf:about="http://creativecommons.org/licenses/by/4.0/">
        <cc:permits
           rdf:resource="http://creativecommons.org/ns#Reproduction" />
        <cc:permits
           rdf:resource="http://creativecommons.org/ns#Distribution" />
        <cc:requires
           rdf:resource="http://creativecommons.org/ns#Notice" />
        <cc:requires
           rdf:resource="http://creativecommons.org/ns#Attribution" />
        <cc:permits
           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
      </cc:License>
    </rdf:RDF>
  </metadata>
</svg>