|  | <svg
  version="1.1"
  xmlns="http://www.w3.org/2000/svg"
  xmlns:xlink="http://www.w3.org/1999/xlink"
  width="330"
  height="380"
  viewBox="0 0 330 380"
>
  <style>
    text {
      fill: #333;
      font-family: 'Roboto', sans-serif;
      font-weight: bold;
    }
    text.title {
      font-family: 'Comfortaa', sans-serif;
      font-weight: normal;
    }
    text.brand {
      font-family: 'Audiowide', sans-serif;
      font-weight: bold;
    }
  </style>
  <defs>
  </defs>
  <rect width="100%" height="100%" fill="#ddd" />
  <polyline points="1,1 329,1 329,379 1,379 1,1" stroke="#e4e4e4" stroke-width="0.5" fill="none" />
  <polyline points="0.5,0.5 329.5,0.5 329.5,379.5 0.5,379.5 0.5,0.5" stroke="#ebebeb" stroke-width="0.8" fill="none" />
  <polyline points="0,0 330,0 330,380 0,380 0,0" stroke="#f2f2f2" stroke-width="1" fill="none" />
  <text class="title" x="70" y="19" font-size="12pt" letter-spacing="4px">22HP-22HP-22HP</text>
  <g transform="translate(125 374)">
    <text class="brand" font-size="8pt" letter-spacing="2px">BOGAUDIO</text>
    <rect width="3.0" height="3" fill="#ddd" transform="translate(24 -5)" />
  </g>
</svg>
 |