/* ============================================================ Case-study illustrations: abstract, on-brand, not photographic Each is a contained SVG that paints onto the dark art panel. ============================================================ */ function RoasGrowthArt() { // Bars climbing + ROAS multiplier overlay return ( {/* Baseline */} {/* Bars */} {[ [60, 200, 60], [140, 160, 100], [220, 110, 150], [300, 70, 190], [380, 30, 230], ].map(([x, y, h], i) => ( {["1.0×", "1.6×", "2.2×", "2.8×", "3.2×"][i]} ))} {/* Trend curve */} {/* Big multiplier */} ROAS · CAMPAIGN INDEX ); } function ProgrammaticInstallArt() { // Programmatic mesh with install pings return ( {/* DSP node center */} DSP BID {/* Surrounding inventory nodes */} {[ [60, 60], [170, 40], [290, 40], [400, 60], [40, 150], [420, 150], [60, 240], [170, 260], [290, 260], [400, 240], ].map(([x, y], i) => ( ))} 500K+ HIGH-QUALITY INSTALLS ); } function AffiliateMrrArt() { // Partner ladder feeding into MRR stack return ( {/* Partner column */} {[40, 80, 120, 160, 200].map((y, i) => ( PARTNER {String(i + 1).padStart(2, "0")} ))} {/* Funnel point */} {/* MRR stack bars */} {[ [380, 200, 36, "$420K"], [380, 160, 76, "$960K"], [380, 100, 136, "$2.1M"], ].map(([x, y, h, lbl], i) => ( {lbl} ))} QUALIFIED SIGNUPS → NEW MRR ); } function CpaReductionArt() { // Two trend lines: spend flat, enrollments up; CPA dropping return ( {/* Grid lines */} {[80, 140, 200, 260].map((y) => ( ))} {/* CPA falling */} {/* Enrollments rising */} {/* Labels */} CPA ENROLLMENTS {/* Big delta */} −68% CPA ENROLLMENT EFFICIENCY OVER TIME ); } Object.assign(window, { RoasGrowthArt, ProgrammaticInstallArt, AffiliateMrrArt, CpaReductionArt });