Turns a fee-leakage result into a 1080×1080 PNG people can post as a WhatsApp Status or feed image. Runs entirely in the browser. Live numbers, one giant figure, one link.
In the real calculator these are read straight from the live result — no typing. This panel exists so you can test tiers and layouts before wiring it in.
Statuses crop the outer edges — all critical text sits inside the inner 920px safe zone. The number is the hook; the link is the click.
| Canvas | 1080 × 1080 px (square). WhatsApp Status + feed safe. Export image/png. |
| Safe zone | Inner 920px (80px margin). WhatsApp Status crops left/right. |
| Background | #111629 (ink) with a subtle radial #1A2036 glow top-right — matches the calculator's result panel. |
| Accent | #CDF74F (lime) — used ONLY on the loss figure and the CTA pill. Never on body text. |
| Loss figure | Bold, ~150–190px, lime, centred. The single largest element. Currency symbol small, number huge. |
| Supporting line | #EFE8D9 (vellum), 30–34px. One sentence: "leaking from your freelancing every year." |
| Context row | #8A8F9E (graphite-2), 22–24px mono. "$1,000/mo · Fiverr · Ghana · 22.5% all-in". |
| CTA pill | Lime fill, ink text, 26px bold, pill radius. "Check yours free →" + short link. |
| Branding | "THE DOLLAR CLIENT KIT" mono, 18px, letter-spaced, top-left. "fees checked OCT 2026" bottom-right, 16px graphite. |
| Link | thedollarclientkit.netlify.app/calculator — add ?ref=wa to attribute WhatsApp traffic in analytics. |
| Fallback tier | If lost < $500/yr → smaller figure, gentler copy ("small leaks add up"). Never shame a low number. |
| High · ≥ $2,000/yr | "$2,700 is leaking from your freelancing every year." — shock value, shareable outrage. |
| Mid · $500–1,999/yr | "You're losing $1,200/year to payment fees." — matter-of-fact, "fix this" framing. |
| Low · < $500/yr | "Small leaks: $380/year gone to fees." — never shame; "still worth fixing". |
Every image carries the same disclaimer logic as the site: ranges, not quotes, conservative (worst-case) mode. The figure shown is the one the calculator already displayed — the image never invents a number.