wireframe

1<svg xmlns="http://www.w3.org/2000/svg" width="1280" height="800" viewBox="0 0 1280 800"2     font-family="-apple-system, system-ui, sans-serif" fill="#fff" stroke="#000" stroke-width="1.5">3  <!-- canvas -->4  <rect x="0" y="0" width="1280" height="800" />5 6  <!-- 8px grid guides (toggle visibility by removing or commenting this group) -->7  <g data-region="grid" stroke="#e6e6e6" stroke-width="0.5" fill="none">8    <!-- vertical lines every 8px -->9    <path d="M 8 0 V 800 M 16 0 V 800 M 24 0 V 800 M 32 0 V 800 M 40 0 V 800 M 48 0 V 800 M 56 0 V 800 M 64 0 V 800 M 72 0 V 800 M 80 0 V 800 M 88 0 V 800 M 96 0 V 800" />10    <!-- column ruler at 24px outer margin + 12 columns of 88 with 8 gutter -->11    <path d="M 48 0 V 800" stroke="#d33" stroke-dasharray="2 4" />12    <path d="M 1232 0 V 800" stroke="#d33" stroke-dasharray="2 4" />13  </g>14 15  <!-- replace this comment block with your wireframe primitives.16       Each primitive should be wrapped in its own <g transform="translate(x, y)"> with a numbered comment:17         <!- - 1: navbar - ->18         <g transform="translate(0, 0)" data-region="navbar"> ... </g>19       Then in your reply, list:20         1 - navbar with global search21         2 - sidebar with primary nav22         ...23   -->24</svg>25