Warehouse Layout

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 400" width="640" height="400">
  <style>
    text { font:12px Inter, sans-serif; fill:#0f172a; font-weight:600; text-anchor:middle; }
    rect.zone { stroke:#0f172a; stroke-width:1.4; }
    line.flow { stroke:#dc2626; stroke-width:2; }
  </style>
  <defs>
    <marker id="a" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="7" markerHeight="7" orient="auto">
      <path d="M0,0 L10,5 L0,10 z" fill="#dc2626"/>
    </marker>
  </defs>
  <rect x="20" y="20" width="600" height="360" fill="#f1f5f9" stroke="#0f172a" stroke-width="2"/>
  <rect class="zone" x="40" y="40" width="120" height="100" fill="#dbeafe"/>
  <text x="100" y="95">Receiving</text>
  <rect class="zone" x="40" y="160" width="280" height="100" fill="#fef3c7"/>
  <text x="180" y="215">Bulk storage</text>
  <rect class="zone" x="40" y="280" width="60" height="80" fill="#ede9fe"/>
  <rect class="zone" x="110" y="280" width="60" height="80" fill="#ede9fe"/>
  <rect class="zone" x="180" y="280" width="60" height="80" fill="#ede9fe"/>
  <rect class="zone" x="250" y="280" width="60" height="80" fill="#ede9fe"/>
  <text x="170" y="370">Pick faces</text>
  <rect class="zone" x="340" y="40" width="120" height="160" fill="#fce7f3"/>
  <text x="400" y="125">Packing</text>
  <rect class="zone" x="340" y="220" width="120" height="80" fill="#dcfce7"/>
  <text x="400" y="265">VAS / labelling</text>
  <rect class="zone" x="480" y="40" width="120" height="320" fill="#bae6fd"/>
  <text x="540" y="200">Shipping</text>
  <line class="flow" x1="160" y1="90"  x2="40"  y2="200" marker-end="url(#a)"/>
  <line class="flow" x1="280" y1="260" x2="280" y2="290" marker-end="url(#a)"/>
  <line class="flow" x1="310" y1="320" x2="340" y2="120" marker-end="url(#a)"/>
  <line class="flow" x1="460" y1="120" x2="480" y2="120" marker-end="url(#a)"/>
</svg>