SVG Code
<!-- Tier Color Backgrounds -->
<rect x="0" y="0" width="160" height="120" fill="#FF4242" />
<rect x="0" y="120" width="160" height="120" fill="#FF9833" />
<rect x="0" y="240" width="160" height="120" fill="#FFDB4C" />
<rect x="0" y="360" width="160" height="120" fill="#FDE86B" />
<rect x="0" y="480" width="160" height="120" fill="#93D64B" />
<rect x="0" y="600" width="160" height="180" fill="#B3B3B3" />
<!-- Grid Inner Lines -->
<g stroke="#000000" stroke-width="2">
<line x1="0" y1="120" x2="800" y2="120" />
<line x1="0" y1="240" x2="800" y2="240" />
<line x1="0" y1="360" x2="800" y2="360" />
<line x1="0" y1="480" x2="800" y2="480" />
<line x1="0" y1="600" x2="800" y2="600" />
<line x1="160" y1="0" x2="160" y2="780" />
</g>
<!-- Tier Labels (Left Column) -->
<text x="80" y="60" class="tier-text">S+</text>
<text x="80" y="180" class="tier-text">S</text>
<text x="80" y="300" class="tier-text">A</text>
<text x="80" y="420" class="tier-text">B</text>
<text x="80" y="540" class="tier-text">C</text>
<text x="80" y="690" class="tier-text">F</text>
<!-- Main Text Content (Right Column) -->
<text x="480" y="60" class="quote-text">“My dad is the guy”</text>
<text x="480" y="180" class="quote-text">“My dad knows a guy”</text>
<!-- F Tier Job Logos (Row 6) -->
<!-- Top Line of Logos -->
<!-- LinkedIn -->
<g transform="translate(190, 617)">
<rect x="0" y="0" width="46" height="46" rx="6" fill="#0A66C2" />
<!-- 'i' -->
<circle cx="14" cy="14" r="3.5" fill="#ffffff" />
<rect x="11.5" y="19" width="5" height="17" fill="#ffffff" />
<!-- 'n' -->
<path d="M 20 19 h 5 v 2.5 c 1 -1.5 2.5 -3 5 -3 c 4 0 6 2.5 6 7.5 v 10 h -5 v -9 c 0 -2 -1 -3 -3 -3 c -2 0 -3 1 -3 3 v 9 h -5 v -17 z" fill="#ffffff" />
</g>
<!-- Indeed -->
<text x="280" y="650" font-family="'Segoe UI', Arial, sans-serif" font-weight="900" font-size="34" fill="#2164f3" letter-spacing="-1">indeed</text>
<!-- Glassdoor -->
<g transform="translate(420, 625)">
<!-- Glassdoor Door Icon -->
<rect x="0" y="2" width="22" height="22" rx="4" fill="#0CAA41" />
<rect x="5" y="7" width="12" height="17" fill="#ffffff" />
<rect x="7" y="9" width="8" height="15" fill="#0CAA41" />
<!-- Text -->
<text x="28" y="22" font-family="'Segoe UI', Arial, sans-serif" font-weight="800" font-size="24" fill="#0CAA41" letter-spacing="-0.5">glassdoor</text>
</g>
<!-- ZipRecruiter -->
<g transform="translate(610, 627)">
<!-- Magnifying Glass & Person Icon -->
<circle cx="12" cy="12" r="10" stroke="#79C142" stroke-width="3" fill="none" />
<line x1="19" y1="19" x2="27" y2="27" stroke="#79C142" stroke-width="4" stroke-linecap="round" />
<circle cx="12" cy="8" r="3.5" fill="#79C142" />
<path d="M 6 17 C 6 12 18 12 18 17 Z" fill="#79C142" />
<!-- Text -->
<text x="36" y="20" font-family="'Segoe UI', Arial, sans-serif" font-weight="bold" font-size="20" fill="#111111" letter-spacing="-0.5">ZipRecruiter</text>
</g>
<!-- Bottom Line of Logos -->
<!-- Monster -->
<g transform="translate(300, 715)">
<text x="0" y="30" font-family="'Arial Black', Impact, sans-serif" font-weight="900" font-size="34" fill="#6B1C84" letter-spacing="1">MONSTER</text>
</g>
<!-- SimplyHired -->
<g transform="translate(490, 715)">
<text x="0" y="30" font-family="'Segoe UI', Arial, sans-serif" font-weight="800" font-size="32" letter-spacing="-0.5">
<tspan fill="#D4145A">Simply</tspan><tspan fill="#000000">Hired</tspan>
</text>
</g>
