<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 1200" width="1200" height="1200" role="img" aria-label="Lead Like the Top 1% — Leadership, Influence and People Management, a trueGrad book">
  <defs>
    <style>
      .ff{font-family:'Inter','Helvetica Neue','Liberation Sans',Arial,sans-serif}
      .eyebrow{font-size:17px;font-weight:700;letter-spacing:4.4px;fill:#FBE4DA;fill-opacity:.85}
      .big{font-size:104px;font-weight:700;letter-spacing:-3px;fill:#FFFBF7}
      .mid{font-size:44px;font-weight:400;letter-spacing:1.5px;fill:#FBE4DA;fill-opacity:.9}
      .sub{font-size:20px;font-weight:500;letter-spacing:.3px;fill:#FBE4DA;fill-opacity:.82}
      .wm{font-size:30px;font-weight:700;letter-spacing:-.6px}
    </style>

    <clipPath id="cv"><rect x="0" y="0" width="500" height="750" rx="5"/></clipPath>
    <clipPath id="archClip"><rect x="0" y="470" width="500" height="280"/></clipPath>

    <pattern id="cloth" width="6" height="6" patternUnits="userSpaceOnUse" patternTransform="rotate(45)">
      <rect width="6" height="6" fill="none"/>
      <rect width="1" height="6" fill="#FFFFFF" fill-opacity=".035"/>
    </pattern>

    <linearGradient id="spine" x1="0" y1="0" x2="1" y2="0">
      <stop offset="0" stop-color="#04091A" stop-opacity=".97"/>
      <stop offset=".55" stop-color="#0A1533" stop-opacity=".82"/>
      <stop offset="1" stop-color="#12295A" stop-opacity=".55"/>
    </linearGradient>
    <linearGradient id="hinge" x1="0" y1="0" x2="1" y2="0">
      <stop offset="0" stop-color="#000000" stop-opacity=".38"/>
      <stop offset=".45" stop-color="#000000" stop-opacity=".10"/>
      <stop offset="1" stop-color="#000000" stop-opacity="0"/>
    </linearGradient>
    <linearGradient id="sheen" x1="0" y1="0" x2=".85" y2="1">
      <stop offset="0" stop-color="#FFFFFF" stop-opacity=".11"/>
      <stop offset=".48" stop-color="#FFFFFF" stop-opacity="0"/>
      <stop offset="1" stop-color="#000000" stop-opacity=".10"/>
    </linearGradient>
    <linearGradient id="pages" x1="0" y1="0" x2="1" y2="0">
      <stop offset="0" stop-color="#FFFFFF"/>
      <stop offset=".28" stop-color="#DED6CA"/>
      <stop offset=".52" stop-color="#FCF8F2"/>
      <stop offset=".78" stop-color="#D8CFC1"/>
      <stop offset="1" stop-color="#BCB1A0"/>
    </linearGradient>
    <linearGradient id="topEdge" x1="0" y1="0" x2="1" y2="0">
      <stop offset="0" stop-color="#CFC6B6"/>
      <stop offset=".5" stop-color="#FBF7F0"/>
      <stop offset="1" stop-color="#DCD3C4"/>
    </linearGradient>
    <radialGradient id="halo" cx=".5" cy=".5" r=".5">
      <stop offset="0" stop-color="#FBE4DA"/>
      <stop offset="1" stop-color="#FBE4DA" stop-opacity="0"/>
    </radialGradient>
    <radialGradient id="drop" cx=".5" cy=".5" r=".5">
      <stop offset="0" stop-color="#12295A" stop-opacity=".36"/>
      <stop offset="1" stop-color="#12295A" stop-opacity="0"/>
    </radialGradient>
  </defs>

  <rect width="1200" height="1200" fill="#FDF6F1"/>
  <circle cx="600" cy="560" r="452" fill="url(#halo)" opacity=".85"/>
  <ellipse cx="614" cy="1012" rx="300" ry="36" fill="url(#drop)"/>

  <g transform="translate(318,152) scale(1.12)">

    <!-- spine block -->
    <polygon points="-27,18 0,0 0,750 -27,732" fill="#0A1533"/>
    <polygon points="-27,18 0,0 0,750 -27,732" fill="url(#spine)"/>

    <!-- page block, right edge -->
    <rect x="494" y="8" width="14" height="734" fill="url(#pages)"/>
    <g opacity=".5">
      <rect x="497" y="10" width=".8" height="730" fill="#A79C89"/>
      <rect x="500" y="10" width=".8" height="730" fill="#A79C89"/>
      <rect x="503" y="10" width=".8" height="730" fill="#A79C89"/>
      <rect x="506" y="10" width=".8" height="730" fill="#A79C89"/>
    </g>

    <!-- top edge sliver -->
    <polygon points="0,0 494,0 500,6 6,6" fill="url(#topEdge)"/>

    <!-- cover -->
    <rect x="0" y="0" width="500" height="750" rx="5" fill="#12295A"/>

    <g clip-path="url(#cv)">
      <!-- arch of influence -->
      <g clip-path="url(#archClip)">
        <path d="M71 712 V673 a38 38 0 0 1 76 0 V712 z" fill="#E8503F"/>
        <path d="M165 712 V633 a38 38 0 0 1 76 0 V712 z" fill="#F0913A"/>
        <path d="M259 712 V593 a38 38 0 0 1 76 0 V712 z" fill="#FBC945"/>
        <path d="M353 712 V553 a38 38 0 0 1 76 0 V712 z" fill="#FBE4DA"/>
      </g>
      <rect x="0" y="710" width="500" height="40" fill="#0A1533"/>
      <rect x="0" y="0" width="500" height="750" fill="url(#cloth)"/>
      <rect x="0" y="0" width="500" height="750" fill="url(#sheen)"/>
      <rect x="0" y="0" width="26" height="750" fill="url(#hinge)"/>
      <rect x="15" y="0" width="2" height="750" fill="#000000" fill-opacity=".22"/>
    </g>

    <rect x="30" y="24" width="446" height="702" rx="3" fill="none" stroke="#FBE4DA" stroke-opacity=".36" stroke-width="1.5"/>

    <text x="256" y="104" text-anchor="middle" class="ff eyebrow">THE TOP 1% SERIES</text>
    <rect x="226" y="124" width="60" height="2" fill="#E8503F"/>

    <text x="256" y="232" text-anchor="middle" class="ff big">LEAD</text>
    <text x="256" y="290" text-anchor="middle" class="ff mid">LIKE THE</text>
    <text x="256" y="382" text-anchor="middle" class="ff big">TOP 1%</text>

    <rect x="218" y="418" width="76" height="4" fill="#E8503F"/>

    <text x="256" y="462" text-anchor="middle" class="ff sub">Leadership, Influence</text>
    <text x="256" y="490" text-anchor="middle" class="ff sub">&amp; People Management</text>

    <text x="256" y="738" text-anchor="middle" class="ff wm">
      <tspan fill="#FFFBF7">true</tspan><tspan fill="#FA3C28">Grad</tspan>
    </text>

    <rect x="0" y="0" width="500" height="750" rx="5" fill="none" stroke="#FFFFFF" stroke-opacity=".13"/>
  </g>
</svg>
