assets/PRO_TIP_3_4.svg

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" height="800" width="1280">
  <defs>
    <image id="8b5f6c8b-8f02-4180-9cad-5d58eda02c8d" opacity="1" x="0" y="0" width="300" height="268" xlink:href="data:image/png;base64,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"/>
    <pattern id="pattern-2" x="-300" y="-268" width="300" height="268" patternUnits="userSpaceOnUse">
      <use xlink:href="#8b5f6c8b-8f02-4180-9cad-5d58eda02c8d" transform="scale(1,1)"/>
    </pattern>
  </defs>
  <g>
    <g opacity="0.08">
      <rect fill="url(#pattern-2)" opacity="1" x="0" y="0" width="1280" height="800"/>
    </g>
    <g opacity="1">
      <g opacity="1">
        <g opacity="1">
          <rect fill="rgb(224,224,224)" fill-opacity="1" opacity="1" x="291" y="167.5" width="698" height="1"/>
        </g>
        <g opacity="1">
          <text font-size="0" transform="translate(291, 150.5)">
            <tspan font-size="16" font-family="Arial" font-weight="400" style="white-space: pre;text-transform: none" fill="rgb(255,0,211)" x="0" y="14">16px</tspan>
          </text>
        </g>
        <g opacity="1">
          <text font-size="0" transform="translate(366, 150.5)">
            <tspan font-size="16" font-family="Arial" font-weight="400" style="white-space: pre;text-transform: none" fill="rgb(0,117,255)" x="0" y="14">You Don't Know UI</tspan>
          </text>
        </g>
      </g>
      <g opacity="1">
        <g opacity="1">
          <rect fill="rgb(224,224,224)" fill-opacity="1" opacity="1" x="291" y="229.5" width="698" height="1"/>
        </g>
        <g opacity="1">
          <text font-size="0" transform="translate(291, 212.5)">
            <tspan font-size="16" font-family="Arial" font-weight="400" style="white-space: pre;text-transform: none" fill="rgb(255,0,211)" x="0" y="14">20px</tspan>
          </text>
        </g>
        <g opacity="1">
          <text font-size="0" transform="translate(366, 208.5)">
            <tspan font-size="20" font-family="Arial" font-weight="400" style="white-space: pre;text-transform: none" fill="rgb(0,117,255)" x="0" y="18">You Don't Know UI</tspan>
          </text>
        </g>
      </g>
      <g opacity="1">
        <g opacity="1">
          <rect fill="rgb(224,224,224)" fill-opacity="1" opacity="1" x="291" y="296.5" width="698" height="1"/>
        </g>
        <g opacity="1">
          <text font-size="0" transform="translate(291, 279.5)">
            <tspan font-size="16" font-family="Arial" font-weight="400" style="white-space: pre;text-transform: none" fill="rgb(255,0,211)" x="0" y="14">24px</tspan>
          </text>
        </g>
        <g opacity="1">
          <text font-size="0" transform="translate(366, 270.5)">
            <tspan font-size="24" font-family="Arial" font-weight="400" style="white-space: pre;text-transform: none" fill="rgb(0,117,255)" x="0" y="22">You Don't Know UI</tspan>
          </text>
        </g>
      </g>
      <g opacity="1">
        <g opacity="1">
          <rect fill="rgb(224,224,224)" fill-opacity="1" opacity="1" x="291" y="367.5" width="698" height="1"/>
        </g>
        <g opacity="1">
          <text font-size="0" transform="translate(291, 350.5)">
            <tspan font-size="16" font-family="Arial" font-weight="400" style="white-space: pre;text-transform: none" fill="rgb(255,0,211)" x="0" y="14">28px</tspan>
          </text>
        </g>
        <g opacity="1">
          <text font-size="0" transform="translate(366, 337.5)">
            <tspan font-size="28" font-family="Arial" font-weight="400" style="white-space: pre;text-transform: none" fill="rgb(0,117,255)" x="0" y="25">You Don't Know UI</tspan>
          </text>
        </g>
      </g>
      <g opacity="1">
        <g opacity="1">
          <rect fill="rgb(224,224,224)" fill-opacity="1" opacity="1" x="291" y="443.5" width="698" height="1"/>
        </g>
        <g opacity="1">
          <text font-size="0" transform="translate(291, 426.5)">
            <tspan font-size="16" font-family="Arial" font-weight="400" style="white-space: pre;text-transform: none" fill="rgb(255,0,211)" x="0" y="14">32px</tspan>
          </text>
        </g>
        <g opacity="1">
          <text font-size="0" transform="translate(366, 408.5)">
            <tspan font-size="32" font-family="Arial" font-weight="400" style="white-space: pre;text-transform: none" fill="rgb(0,117,255)" x="0" y="29">You Don't Know UI</tspan>
          </text>
        </g>
      </g>
      <g opacity="1">
        <g opacity="1">
          <rect fill="rgb(224,224,224)" fill-opacity="1" opacity="1" x="291" y="528.5" width="698" height="1"/>
        </g>
        <g opacity="1">
          <text font-size="0" transform="translate(291, 511.5)">
            <tspan font-size="16" font-family="Arial" font-weight="400" style="white-space: pre;text-transform: none" fill="rgb(255,0,211)" x="0" y="14">40px</tspan>
          </text>
        </g>
        <g opacity="1">
          <text font-size="0" transform="translate(366, 484.5)">
            <tspan font-size="40" font-family="Arial" font-weight="400" style="white-space: pre;text-transform: none" fill="rgb(0,117,255)" x="0" y="36">You Don't Know UI</tspan>
          </text>
        </g>
      </g>
      <g opacity="1">
        <g opacity="1">
          <rect fill="rgb(224,224,224)" fill-opacity="1" opacity="1" x="291" y="648.5" width="698" height="1"/>
        </g>
        <g opacity="1">
          <text font-size="0" transform="translate(291, 631.5)">
            <tspan font-size="16" font-family="Arial" font-weight="400" style="white-space: pre;text-transform: none" fill="rgb(255,0,211)" x="0" y="14">72px</tspan>
          </text>
        </g>
        <g opacity="1">
          <text font-size="0" transform="translate(366, 569.5)">
            <tspan font-size="72" font-family="Arial" font-weight="400" style="white-space: pre;text-transform: none" fill="rgb(0,117,255)" x="0" y="65">You Don't Know UI</tspan>
          </text>
        </g>
      </g>
    </g>
  </g>
</svg>