grid.svg

 <svg width="2732px" height="2048px" xmlns="http://www.w3.org/2000/svg">
   <style>
     .light {
       stroke-width: .5pt;
       stroke-dasharray: 5,5;
       stroke: black;
       fill: none;
     }
     .dark {
       stroke-width: 2pt;
       stroke: black;
       fill: none;
     }
     .mid {
       stroke-width: .5pt;
       stroke: black;
       fill: none;
     }
   </style>
   <defs>
      <pattern id="grid" width="72pt" height="144pt" patternUnits="userSpaceOnUse">
        <rect                   width="100%" height="100%" class="dark" />
        <rect x="24pt" y="0"    width="24pt" height="100%" class="light" />
        <rect x="0"    y="48pt" width="100%" height="48pt" class="mid" />
      </pattern>
    </defs>
    <rect width="200%" height="100%" transform="skewX(-20) translate(0 10)" fill="url(#grid)" />
  </svg>