<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 600" width="800" height="600" role="img"
     aria-label="A document register showing drawings with their revisions, the current revision highlighted">
  <defs>
    <pattern id="docGrid" width="40" height="40" patternUnits="userSpaceOnUse">
      <path d="M40 0H0v40" fill="none" stroke="#e3e9f0" stroke-width="1"/>
    </pattern>
    <filter id="docShadow" x="-20%" y="-20%" width="140%" height="140%">
      <feDropShadow dx="0" dy="10" stdDeviation="18" flood-color="#071a33" flood-opacity=".10"/>
    </filter>
    <style>
      .s  { font-family: 'Helvetica Neue', Arial, sans-serif; }
      .m  { font-family: Menlo, 'DejaVu Sans Mono', monospace; letter-spacing: .08em; }
      .ttl{ font-weight: 600; fill: #071a33; }
      .sub{ fill: #8b9bab; }
      .row{ fill: #071a33; }
      .met{ fill: #66798d; }
    </style>
  </defs>

  <rect width="800" height="600" fill="#f7f9fc"/>
  <rect width="800" height="600" fill="url(#docGrid)" opacity=".7"/>

  <!-- superseded revisions, stacked behind -->
  <g opacity=".55">
    <rect x="96" y="70" width="608" height="440" rx="10" fill="#fff" stroke="#e3e9f0"/>
    <rect x="80" y="86" width="640" height="440" rx="10" fill="#fff" stroke="#e3e9f0"/>
  </g>

  <!-- register card -->
  <g filter="url(#docShadow)">
    <rect x="64" y="102" width="672" height="416" rx="10" fill="#fff" stroke="#e3e9f0"/>
  </g>

  <!-- header -->
  <text class="s ttl" x="96" y="146" font-size="21">Drawings · Structural</text>
  <text class="m sub" x="704" y="144" font-size="11" text-anchor="end">4 SHEETS</text>
  <line x1="64" y1="168" x2="736" y2="168" stroke="#e3e9f0"/>

  <!-- search field -->
  <rect x="96" y="188" width="608" height="42" rx="5" fill="#f7f9fc" stroke="#e3e9f0"/>
  <g stroke="#8b9bab" stroke-width="2" fill="none">
    <circle cx="122" cy="207" r="6"/><path d="M126.5 211.5 131 216"/>
  </g>
  <text class="s met" x="142" y="214" font-size="14">foundation</text>
  <rect x="640" y="199" width="46" height="20" rx="3" fill="#e7edf3"/>
  <text class="m met" x="663" y="213" font-size="9" text-anchor="middle">S-201</text>

  <!-- rows -->
  <g>
    <!-- current sheet -->
    <rect x="96" y="252" width="608" height="56" rx="5" fill="#fffbf2" stroke="#f5b335" stroke-opacity=".45"/>
    <rect x="96" y="252" width="3" height="56" fill="#f5b335"/>
    <g transform="translate(118 266)" fill="none" stroke="#0b2b4d" stroke-width="1.6">
      <path d="M0 0h16l6 6v20H0z"/><path d="M16 0v6h6"/>
    </g>
    <text class="s row" x="158" y="276" font-size="15" font-weight="600">S-201 Foundation plan</text>
    <text class="m met" x="158" y="295" font-size="10">ISSUED FOR CONSTRUCTION</text>
    <rect x="574" y="268" width="52" height="22" rx="3" fill="#f5b335"/>
    <text class="m" x="600" y="283" font-size="10" text-anchor="middle" fill="#071a33" font-weight="600">REV C</text>
    <rect x="634" y="268" width="56" height="22" rx="3" fill="#071a33"/>
    <text class="m" x="662" y="283" font-size="9" text-anchor="middle" fill="#f5b335">CURRENT</text>

    <!-- other sheets -->
    <g>
      <line x1="96" y1="332" x2="704" y2="332" stroke="#e3e9f0" stroke-dasharray="3 3"/>
      <g transform="translate(118 342)" fill="none" stroke="#8b9bab" stroke-width="1.6">
        <path d="M0 0h16l6 6v20H0z"/><path d="M16 0v6h6"/>
      </g>
      <text class="s row" x="158" y="356" font-size="15">S-202 Column layout</text>
      <text class="m met" x="158" y="373" font-size="10">FOR REVIEW</text>
      <rect x="634" y="346" width="56" height="22" rx="3" fill="#eef3f8"/>
      <text class="m met" x="662" y="361" font-size="10" text-anchor="middle">REV B</text>
    </g>
    <g>
      <line x1="96" y1="398" x2="704" y2="398" stroke="#e3e9f0" stroke-dasharray="3 3"/>
      <g transform="translate(118 408)" fill="none" stroke="#8b9bab" stroke-width="1.6">
        <path d="M0 0h16l6 6v20H0z"/><path d="M16 0v6h6"/>
      </g>
      <text class="s row" x="158" y="422" font-size="15">A-101 Ground floor plan</text>
      <text class="m met" x="158" y="439" font-size="10">ISSUED FOR CONSTRUCTION</text>
      <rect x="634" y="412" width="56" height="22" rx="3" fill="#eef3f8"/>
      <text class="m met" x="662" y="427" font-size="10" text-anchor="middle">REV D</text>
    </g>
    <g>
      <line x1="96" y1="464" x2="704" y2="464" stroke="#e3e9f0" stroke-dasharray="3 3"/>
      <g transform="translate(118 474)" fill="none" stroke="#8b9bab" stroke-width="1.6">
        <path d="M0 0h16l6 6v20H0z"/><path d="M16 0v6h6"/>
      </g>
      <text class="s row" x="158" y="488" font-size="15">M-310 HVAC ducting</text>
      <text class="m met" x="158" y="505" font-size="10">SUPERSEDED</text>
      <rect x="634" y="478" width="56" height="22" rx="3" fill="#eef3f8"/>
      <text class="m met" x="662" y="493" font-size="10" text-anchor="middle">REV A</text>
    </g>
  </g>

  <!-- revision trail -->
  <g transform="translate(96 546)">
    <text class="m met" x="0" y="4" font-size="10">REVISIONS</text>
    <g transform="translate(96 0)">
      <line x1="10" y1="0" x2="182" y2="0" stroke="#cfd8e3" stroke-width="1"/>
      <g fill="#fff" stroke="#cfd8e3" stroke-width="1.5">
        <circle cx="10" cy="0" r="9"/><circle cx="96" cy="0" r="9"/>
      </g>
      <circle cx="182" cy="0" r="11" fill="#f5b335"/>
      <text class="m met" x="10" y="4" font-size="9" text-anchor="middle">A</text>
      <text class="m met" x="96" y="4" font-size="9" text-anchor="middle">B</text>
      <text class="m" x="182" y="4" font-size="9" text-anchor="middle" fill="#071a33" font-weight="600">C</text>
    </g>
    <text class="m met" x="340" y="4" font-size="10">EVERY CHANGE KEPT</text>
  </g>
</svg>
