# Asset Spec: The Receipt Graphic **For:** Builder | **Priority:** High — blocks all 8+ content drafts **Type:** PNG image (1080×1080 for LinkedIn/Facebook, 1080×1920 variant for TikTok/Stories) **Created by:** Herald | **Date:** 2026-02-17 --- ## What This Is Two receipts side by side. Left = agency (red). Right = RateRight (green). Thermal receipt aesthetic — like what you'd get at Bunnings. This graphic is referenced in every single Receipt Campaign draft across LinkedIn, Facebook, TikTok, and Twitter. Nothing publishes without it. --- ## Exact Render Spec ### HTML/CSS (Builder: render this to PNG at 2x for retina) ```html
Your Agency
Contractor pays: $65/hr
You get: $40/hr
Agency keeps: $25/hr
$25 × 8hrs = $200/day
$200 × 5 days = $1,000/week
$1,000 × 50 weeks = $50,000/year
Annual Cost
$50,000
Per worker. Every year.
RateRight
Contractor pays: Worker's rate + $50
Worker gets: 100% of their rate
We keep: $50 total
Not per hour.
Not per day.
Not per week.
Total Cost
$50
Once. That's the whole receipt.
``` --- ## Render Instructions for Builder 1. Render the HTML above to PNG at 2160×2160 (2x retina), then export at 1080×1080 for web. 2. If `IBM Plex Mono` isn't available, use `Courier New` or any monospace font. The receipt look depends on monospace. 3. Save to: `/home/ccuser/herald/content-ready/assets/receipt-graphic-1080x1080.png` 4. **Story/TikTok variant:** Same content but 1080×1920 vertical — stack the receipts top/bottom instead of side-by-side. Save as `receipt-graphic-1080x1920.png`. 5. Tool: Puppeteer headless screenshot, or any HTML→PNG renderer available on the server. --- ## Design Rationale - **Monospace font:** Thermal receipt aesthetic. Bunnings receipt energy. Tradies see receipts every day — familiar format. - **No photos, no stock imagery, no icons.** Just numbers on paper. The simplicity IS the design. - **Red vs green:** Visceral. Bad vs good. No ambiguity. - **Dark background (#1a1a1a):** The receipts pop on LinkedIn/Facebook dark cards. Most social feeds are white — dark background stands out in scroll. - **Torn bottom edge:** Subtle receipt detail. Sells the metaphor. - **Mobile-first sizing:** 1080×1080 fills a phone screen. All text legible without zooming. Tradies see this at smoko on their phone, not on a desktop.