2026-08-27 14:52:06 -05:00
|
|
|
<svg width="100%" viewBox="0 0 680 614" role="img" xmlns="http://www.w3.org/2000/svg">
|
2026-08-27 15:12:17 -05:00
|
|
|
<style>
|
|
|
|
|
text{font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;fill:#1f2328}
|
|
|
|
|
.t{font-size:14px;font-weight:400}.ts{font-size:12px;font-weight:400}.th{font-size:14px;font-weight:500}
|
|
|
|
|
rect,circle{stroke-width:.6}
|
|
|
|
|
.c-teal rect,.c-teal circle{fill:#DFF3F0;stroke:#0F857B}.c-teal text{fill:#0A5750}
|
|
|
|
|
.c-purple rect,.c-purple circle{fill:#EDE7FA;stroke:#6D4FC4}.c-purple text{fill:#3A2775}
|
|
|
|
|
.c-coral rect,.c-coral circle{fill:#FCEAE4;stroke:#D8613F}.c-coral text{fill:#83321C}
|
|
|
|
|
.c-amber rect,.c-amber circle{fill:#FDF1DC;stroke:#C08A21}.c-amber text{fill:#6E4C08}
|
|
|
|
|
.c-gray rect,.c-gray circle{fill:#EFEFEF;stroke:#8A8A8A}.c-gray text{fill:#3A3A3A}
|
|
|
|
|
@media (prefers-color-scheme:dark){
|
|
|
|
|
text{fill:#e6edf3}
|
|
|
|
|
.c-teal rect,.c-teal circle{fill:#0C4F49;stroke:#5FC9BF}.c-teal text{fill:#CFF0EC}
|
|
|
|
|
.c-purple rect,.c-purple circle{fill:#33246B;stroke:#A992EE}.c-purple text{fill:#E2D9FA}
|
|
|
|
|
.c-coral rect,.c-coral circle{fill:#6E2B18;stroke:#F0906F}.c-coral text{fill:#FBDDD2}
|
|
|
|
|
.c-amber rect,.c-amber circle{fill:#5C3F06;stroke:#E0AE4A}.c-amber text{fill:#F8E7C4}
|
|
|
|
|
.c-gray rect,.c-gray circle{fill:#3A3A3A;stroke:#9A9A9A}.c-gray text{fill:#E0E0E0}
|
|
|
|
|
}
|
|
|
|
|
</style>
|
2026-08-27 14:52:06 -05:00
|
|
|
<title>Left half — 36 keys</title><desc>The left side of a 104 layout, split at the 6 / T / G / B boundary.</desc>
|
|
|
|
|
<text class="th" x="18" y="24">Left half — 36 keys</text>
|
|
|
|
|
<text class="ts" x="18" y="44">The left side of a 104 layout, split at the 6 / T / G / B boundary.</text>
|
2026-08-27 15:12:17 -05:00
|
|
|
<g class="c-teal"><rect x="51" y="76" width="63" height="63" rx="4"/><text class="ts" x="82" y="112" text-anchor="middle">Esc</text></g>
|
|
|
|
|
<g class="c-teal"><rect x="187" y="76" width="63" height="63" rx="4"/><text class="ts" x="218" y="112" text-anchor="middle">F1</text></g>
|
|
|
|
|
<g class="c-teal"><rect x="255" y="76" width="63" height="63" rx="4"/><text class="ts" x="286" y="112" text-anchor="middle">F2</text></g>
|
|
|
|
|
<g class="c-teal"><rect x="323" y="76" width="63" height="63" rx="4"/><text class="ts" x="354" y="112" text-anchor="middle">F3</text></g>
|
|
|
|
|
<g class="c-teal"><rect x="391" y="76" width="63" height="63" rx="4"/><text class="ts" x="422" y="112" text-anchor="middle">F4</text></g>
|
|
|
|
|
<g class="c-teal"><rect x="493" y="76" width="63" height="63" rx="4"/><text class="ts" x="524" y="112" text-anchor="middle">F5</text></g>
|
|
|
|
|
<g class="c-teal"><rect x="561" y="76" width="63" height="63" rx="4"/><text class="ts" x="592" y="112" text-anchor="middle">F6</text></g>
|
|
|
|
|
<g class="c-teal"><rect x="51" y="178" width="63" height="63" rx="4"/><text class="ts" x="82" y="214" text-anchor="middle">`</text></g>
|
|
|
|
|
<g class="c-teal"><rect x="119" y="178" width="63" height="63" rx="4"/><text class="ts" x="150" y="214" text-anchor="middle">1</text></g>
|
|
|
|
|
<g class="c-teal"><rect x="187" y="178" width="63" height="63" rx="4"/><text class="ts" x="218" y="214" text-anchor="middle">2</text></g>
|
|
|
|
|
<g class="c-teal"><rect x="255" y="178" width="63" height="63" rx="4"/><text class="ts" x="286" y="214" text-anchor="middle">3</text></g>
|
|
|
|
|
<g class="c-teal"><rect x="323" y="178" width="63" height="63" rx="4"/><text class="ts" x="354" y="214" text-anchor="middle">4</text></g>
|
|
|
|
|
<g class="c-teal"><rect x="391" y="178" width="63" height="63" rx="4"/><text class="ts" x="422" y="214" text-anchor="middle">5</text></g>
|
|
|
|
|
<g class="c-teal"><rect x="459" y="178" width="63" height="63" rx="4"/><text class="ts" x="490" y="214" text-anchor="middle">6</text></g>
|
|
|
|
|
<g class="c-teal"><rect x="51" y="246" width="97" height="63" rx="4"/><text class="ts" x="100" y="282" text-anchor="middle">Tab</text></g>
|
|
|
|
|
<g class="c-teal"><rect x="153" y="246" width="63" height="63" rx="4"/><text class="ts" x="184" y="282" text-anchor="middle">Q</text></g>
|
|
|
|
|
<g class="c-teal"><rect x="221" y="246" width="63" height="63" rx="4"/><text class="ts" x="252" y="282" text-anchor="middle">W</text></g>
|
|
|
|
|
<g class="c-teal"><rect x="289" y="246" width="63" height="63" rx="4"/><text class="ts" x="320" y="282" text-anchor="middle">E</text></g>
|
|
|
|
|
<g class="c-teal"><rect x="357" y="246" width="63" height="63" rx="4"/><text class="ts" x="388" y="282" text-anchor="middle">R</text></g>
|
|
|
|
|
<g class="c-teal"><rect x="425" y="246" width="63" height="63" rx="4"/><text class="ts" x="456" y="282" text-anchor="middle">T</text></g>
|
|
|
|
|
<g class="c-teal"><rect x="51" y="314" width="114" height="63" rx="4"/><text class="ts" x="108" y="350" text-anchor="middle">Caps</text></g>
|
|
|
|
|
<g class="c-teal"><rect x="170" y="314" width="63" height="63" rx="4"/><text class="ts" x="202" y="350" text-anchor="middle">A</text></g>
|
|
|
|
|
<g class="c-teal"><rect x="238" y="314" width="63" height="63" rx="4"/><text class="ts" x="270" y="350" text-anchor="middle">S</text></g>
|
|
|
|
|
<g class="c-teal"><rect x="306" y="314" width="63" height="63" rx="4"/><text class="ts" x="338" y="350" text-anchor="middle">D</text></g>
|
|
|
|
|
<g class="c-teal"><rect x="374" y="314" width="63" height="63" rx="4"/><text class="ts" x="406" y="350" text-anchor="middle">F</text></g>
|
|
|
|
|
<g class="c-teal"><rect x="442" y="314" width="63" height="63" rx="4"/><text class="ts" x="474" y="350" text-anchor="middle">G</text></g>
|
|
|
|
|
<g class="c-teal"><rect x="51" y="382" width="148" height="63" rx="4"/><text class="ts" x="125" y="418" text-anchor="middle">Shift</text></g>
|
|
|
|
|
<g class="c-teal"><rect x="204" y="382" width="63" height="63" rx="4"/><text class="ts" x="236" y="418" text-anchor="middle">Z</text></g>
|
|
|
|
|
<g class="c-teal"><rect x="272" y="382" width="63" height="63" rx="4"/><text class="ts" x="304" y="418" text-anchor="middle">X</text></g>
|
|
|
|
|
<g class="c-teal"><rect x="340" y="382" width="63" height="63" rx="4"/><text class="ts" x="372" y="418" text-anchor="middle">C</text></g>
|
|
|
|
|
<g class="c-teal"><rect x="408" y="382" width="63" height="63" rx="4"/><text class="ts" x="440" y="418" text-anchor="middle">V</text></g>
|
|
|
|
|
<g class="c-teal"><rect x="476" y="382" width="63" height="63" rx="4"/><text class="ts" x="508" y="418" text-anchor="middle">B</text></g>
|
|
|
|
|
<g class="c-teal"><rect x="51" y="450" width="80" height="63" rx="4"/><text class="ts" x="91" y="486" text-anchor="middle">Ctrl</text></g>
|
|
|
|
|
<g class="c-teal"><rect x="136" y="450" width="80" height="63" rx="4"/><text class="ts" x="176" y="486" text-anchor="middle">Win</text></g>
|
|
|
|
|
<g class="c-teal"><rect x="221" y="450" width="80" height="63" rx="4"/><text class="ts" x="261" y="486" text-anchor="middle">Alt</text></g>
|
|
|
|
|
<g class="c-teal"><rect x="306" y="450" width="165" height="63" rx="4"/><text class="ts" x="388" y="486" text-anchor="middle">Space</text></g>
|
2026-08-27 14:52:06 -05:00
|
|
|
<text class="ts" x="18" y="558">Widest row is the function row at 8.5u — about 162 mm. Thumb key is a 2.5u space.</text>
|
|
|
|
|
</svg>
|
