tertiary/Documents/half-right-staggered.svg

<svg width="100%" viewBox="0 0 680 706" role="img" xmlns="http://www.w3.org/2000/svg">
<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>
<title>Right half &#8212; 41 keys</title><desc>Top two rows shifted over: 6 and F6 now lead the right hand, above Y.</desc>
<text class="th" x="18" y="24">Right half &#8212; 41 keys</text>
<text class="ts" x="18" y="44">Top two rows shifted over: 6 and F6 now lead the right hand, above Y.</text>
<g class="c-purple"><rect x="60" y="96" width="64" height="64" rx="4"/><text class="ts" x="92" y="131" text-anchor="middle">F6</text></g>
<g class="c-purple"><rect x="60" y="190" width="64" height="64" rx="4"/><text class="ts" x="92" y="225" text-anchor="middle">6</text></g>
<g class="c-purple"><rect x="60" y="260" width="64" height="64" rx="4"/><text class="ts" x="92" y="295" text-anchor="middle">Y</text></g>
<g class="c-purple"><rect x="60" y="330" width="64" height="64" rx="4"/><text class="ts" x="92" y="365" text-anchor="middle">H</text></g>
<g class="c-purple"><rect x="60" y="400" width="64" height="64" rx="4"/><text class="ts" x="92" y="435" text-anchor="middle">N</text></g>
<g class="c-purple"><rect x="130" y="85" width="64" height="64" rx="4"/><text class="ts" x="162" y="120" text-anchor="middle">F7</text></g>
<g class="c-purple"><rect x="130" y="179" width="64" height="64" rx="4"/><text class="ts" x="162" y="214" text-anchor="middle">7</text></g>
<g class="c-purple"><rect x="130" y="249" width="64" height="64" rx="4"/><text class="ts" x="162" y="284" text-anchor="middle">U</text></g>
<g class="c-purple"><rect x="130" y="319" width="64" height="64" rx="4"/><text class="ts" x="162" y="354" text-anchor="middle">J</text></g>
<g class="c-purple"><rect x="130" y="389" width="64" height="64" rx="4"/><text class="ts" x="162" y="424" text-anchor="middle">M</text></g>
<g class="c-purple"><rect x="200" y="78" width="64" height="64" rx="4"/><text class="ts" x="232" y="113" text-anchor="middle">F8</text></g>
<g class="c-purple"><rect x="200" y="172" width="64" height="64" rx="4"/><text class="ts" x="232" y="207" text-anchor="middle">8</text></g>
<g class="c-purple"><rect x="200" y="242" width="64" height="64" rx="4"/><text class="ts" x="232" y="277" text-anchor="middle">I</text></g>
<g class="c-purple"><rect x="200" y="312" width="64" height="64" rx="4"/><text class="ts" x="232" y="347" text-anchor="middle">K</text></g>
<g class="c-purple"><rect x="200" y="382" width="64" height="64" rx="4"/><text class="ts" x="232" y="417" text-anchor="middle">,</text></g>
<g class="c-purple"><rect x="270" y="88" width="64" height="64" rx="4"/><text class="ts" x="302" y="123" text-anchor="middle">F9</text></g>
<g class="c-purple"><rect x="270" y="182" width="64" height="64" rx="4"/><text class="ts" x="302" y="217" text-anchor="middle">9</text></g>
<g class="c-purple"><rect x="270" y="252" width="64" height="64" rx="4"/><text class="ts" x="302" y="287" text-anchor="middle">O</text></g>
<g class="c-purple"><rect x="270" y="322" width="64" height="64" rx="4"/><text class="ts" x="302" y="357" text-anchor="middle">L</text></g>
<g class="c-purple"><rect x="270" y="392" width="64" height="64" rx="4"/><text class="ts" x="302" y="427" text-anchor="middle">.</text></g>
<g class="c-purple"><rect x="340" y="103" width="64" height="64" rx="4"/><text class="ts" x="372" y="138" text-anchor="middle">F10</text></g>
<g class="c-purple"><rect x="340" y="197" width="64" height="64" rx="4"/><text class="ts" x="372" y="232" text-anchor="middle">0</text></g>
<g class="c-purple"><rect x="340" y="267" width="64" height="64" rx="4"/><text class="ts" x="372" y="302" text-anchor="middle">P</text></g>
<g class="c-purple"><rect x="340" y="337" width="64" height="64" rx="4"/><text class="ts" x="372" y="372" text-anchor="middle">;</text></g>
<g class="c-purple"><rect x="340" y="407" width="64" height="64" rx="4"/><text class="ts" x="372" y="442" text-anchor="middle">/</text></g>
<g class="c-purple"><rect x="410" y="107" width="64" height="64" rx="4"/><text class="ts" x="442" y="142" text-anchor="middle">F11</text></g>
<g class="c-purple"><rect x="410" y="201" width="64" height="64" rx="4"/><text class="ts" x="442" y="236" text-anchor="middle">-</text></g>
<g class="c-purple"><rect x="410" y="271" width="64" height="64" rx="4"/><text class="ts" x="442" y="306" text-anchor="middle">[</text></g>
<g class="c-purple"><rect x="410" y="341" width="64" height="64" rx="4"/><text class="ts" x="442" y="376" text-anchor="middle">'</text></g>
<g class="c-purple"><rect x="410" y="411" width="64" height="64" rx="4"/><text class="ts" x="442" y="446" text-anchor="middle">Shift</text></g>
<g class="c-purple"><rect x="480" y="107" width="64" height="64" rx="4"/><text class="ts" x="512" y="142" text-anchor="middle">F12</text></g>
<g class="c-purple"><rect x="480" y="201" width="64" height="64" rx="4"/><text class="ts" x="512" y="236" text-anchor="middle">=</text></g>
<g class="c-purple"><rect x="480" y="271" width="64" height="64" rx="4"/><text class="ts" x="512" y="306" text-anchor="middle">]</text></g>
<g class="c-purple"><rect x="480" y="341" width="64" height="64" rx="4"/><text class="ts" x="512" y="376" text-anchor="middle">Enter</text></g>
<g class="c-purple"><rect x="550" y="201" width="64" height="64" rx="4"/><text class="ts" x="582" y="236" text-anchor="middle">Bksp</text></g>
<g class="c-purple"><rect x="550" y="271" width="64" height="64" rx="4"/><text class="ts" x="582" y="306" text-anchor="middle">\</text></g>
<g class="c-coral"><rect x="162" y="540" width="99" height="64" rx="4"/><text class="ts" x="211" y="575" text-anchor="middle">Space</text></g>
<g class="c-coral"><rect x="266" y="525" width="64" height="64" rx="4"/><text class="ts" x="298" y="560" text-anchor="middle">Alt</text></g>
<g class="c-coral"><rect x="336" y="512" width="64" height="64" rx="4"/><text class="ts" x="368" y="547" text-anchor="middle">Win</text></g>
<g class="c-coral"><rect x="406" y="502" width="64" height="64" rx="4"/><text class="ts" x="438" y="537" text-anchor="middle">Menu</text></g>
<g class="c-coral"><rect x="476" y="495" width="64" height="64" rx="4"/><text class="ts" x="508" y="530" text-anchor="middle">Ctrl</text></g>
<g class="c-purple"><rect x="18" y="644" width="13" height="13" rx="3"/></g>
<text class="ts" x="37" y="654">Alphas &#183; 36</text>
<g class="c-coral"><rect x="268" y="644" width="13" height="13" rx="3"/></g>
<text class="ts" x="287" y="654">Thumb cluster &#183; 5</text>
<text class="ts" x="18" y="684">Six full columns, then F12/=/]/Enter, then Bksp and backslash sharing the outer column.</text>
</svg>