tertiary/Documents/numpad-layout.svg

<svg width="100%" viewBox="0 0 680 538" 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}
  .ts{font-size:12px}.th{font-size:14px;font-weight:500}
  rect{stroke-width:.6}
  .c-teal rect{fill:#DFF3F0;stroke:#0F857B}.c-teal text{fill:#0A5750}
  .c-purple rect{fill:#EDE7FA;stroke:#6D4FC4}.c-purple text{fill:#3A2775}
  .c-coral rect{fill:#FCEAE4;stroke:#D8613F}.c-coral text{fill:#83321C}
  @media (prefers-color-scheme:dark){
    text{fill:#e6edf3}
    .c-teal rect{fill:#0C4F49;stroke:#5FC9BF}.c-teal text{fill:#CFF0EC}
    .c-purple rect{fill:#33246B;stroke:#A992EE}.c-purple text{fill:#E2D9FA}
    .c-coral rect{fill:#6E2B18;stroke:#F0906F}.c-coral text{fill:#FBDDD2}
  }
</style>
<title>Numpad — no encoder, nav shifted up</title>
<desc>The volume encoder is gone. Home, End, Page Up, Page Down and Delete all move up one row, leaving a gap above the up arrow that separates the nav block from the arrow cluster.</desc>
<text class="th" x="18" y="24">Numpad &#8212; settled layout</text>
<text class="ts" x="18" y="44">26 keys. The nav block is now a solid 3&#215;2, with the arrows isolated by a symmetric pair of gaps.</text>
<g class="c-teal"><rect x="148" y="88" width="58" height="58" rx="4"/><text class="ts" x="177" y="121" text-anchor="middle">Home</text></g>
<g class="c-teal"><rect x="212" y="88" width="58" height="58" rx="4"/><text class="ts" x="241" y="121" text-anchor="middle">End</text></g>
<g class="c-teal"><rect x="276" y="88" width="58" height="58" rx="4"/><text class="ts" x="305" y="121" text-anchor="middle">PgUp</text></g>
<g class="c-teal"><rect x="148" y="152" width="58" height="58" rx="4"/><text class="ts" x="177" y="185" text-anchor="middle">Del</text></g>
<g class="c-teal"><rect x="212" y="152" width="58" height="58" rx="4"/><text class="ts" x="241" y="185" text-anchor="middle">PrtSc</text></g>
<g class="c-teal"><rect x="276" y="152" width="58" height="58" rx="4"/><text class="ts" x="305" y="185" text-anchor="middle">PgDn</text></g>
<g class="c-teal"><rect x="212" y="216" width="58" height="58" rx="4"/><text class="ts" x="241" y="249" text-anchor="middle">↑</text></g>
<g class="c-teal"><rect x="148" y="280" width="58" height="58" rx="4"/><text class="ts" x="177" y="313" text-anchor="middle">←</text></g>
<g class="c-teal"><rect x="212" y="280" width="58" height="58" rx="4"/><text class="ts" x="241" y="313" text-anchor="middle">↓</text></g>
<g class="c-teal"><rect x="276" y="280" width="58" height="58" rx="4"/><text class="ts" x="305" y="313" text-anchor="middle">→</text></g>
<g class="c-coral"><rect x="340" y="88" width="58" height="58" rx="4"/><text class="ts" x="369" y="121" text-anchor="middle">/</text></g>
<g class="c-coral"><rect x="404" y="88" width="58" height="58" rx="4"/><text class="ts" x="433" y="121" text-anchor="middle">*</text></g>
<g class="c-coral"><rect x="468" y="88" width="58" height="58" rx="4"/><text class="ts" x="497" y="121" text-anchor="middle">-</text></g>
<g class="c-coral"><rect x="340" y="152" width="58" height="58" rx="4"/><text class="ts" x="369" y="185" text-anchor="middle">7</text></g>
<g class="c-coral"><rect x="404" y="152" width="58" height="58" rx="4"/><text class="ts" x="433" y="185" text-anchor="middle">8</text></g>
<g class="c-coral"><rect x="468" y="152" width="58" height="58" rx="4"/><text class="ts" x="497" y="185" text-anchor="middle">9</text></g>
<g class="c-coral"><rect x="340" y="216" width="58" height="58" rx="4"/><text class="ts" x="369" y="249" text-anchor="middle">4</text></g>
<g class="c-coral"><rect x="404" y="216" width="58" height="58" rx="4"/><text class="ts" x="433" y="249" text-anchor="middle">5</text></g>
<g class="c-coral"><rect x="468" y="216" width="58" height="58" rx="4"/><text class="ts" x="497" y="249" text-anchor="middle">6</text></g>
<g class="c-coral"><rect x="340" y="280" width="58" height="58" rx="4"/><text class="ts" x="369" y="313" text-anchor="middle">1</text></g>
<g class="c-coral"><rect x="404" y="280" width="58" height="58" rx="4"/><text class="ts" x="433" y="313" text-anchor="middle">2</text></g>
<g class="c-coral"><rect x="468" y="280" width="58" height="58" rx="4"/><text class="ts" x="497" y="313" text-anchor="middle">3</text></g>
<g class="c-coral"><rect x="340" y="344" width="122" height="58" rx="4"/><text class="ts" x="401" y="377" text-anchor="middle">0</text></g>
<g class="c-coral"><rect x="468" y="344" width="58" height="58" rx="4"/><text class="ts" x="497" y="377" text-anchor="middle">.</text></g>
<g class="c-purple"><rect x="148" y="363" width="122" height="58" rx="4"/><text class="ts" x="209" y="396" text-anchor="middle">Enter</text></g>
<g class="c-purple"><rect x="276" y="373" width="58" height="58" rx="4"/><text class="ts" x="305" y="406" text-anchor="middle">+</text></g>
<g class="c-teal"><rect x="18" y="466" width="13" height="13" rx="3"/></g>
<text class="ts" x="37" y="476">Nav &#183; 10</text>
<g class="c-coral"><rect x="188" y="466" width="13" height="13" rx="3"/></g>
<text class="ts" x="207" y="476">Numpad &#183; 14</text>
<g class="c-purple"><rect x="358" y="466" width="13" height="13" rx="3"/></g>
<text class="ts" x="377" y="476">Thumb &#183; 2</text>
<text class="ts" x="18" y="506">About 114 by 105 mm. Only two cells empty now, sitting symmetrically either side of the up arrow.</text>
</svg>