Growth dashboard recipe | Spacefast

The dish

What it makes.

Brightside Coffee — Growth Dashboard

Dashboard Overview

Total Revenue: $5,693
Change vs yesterday: -3.9%
Total Sales: $166,539
Sales Target: 90% of 185K goal
Orders Today: 129
Order Change vs yesterday: +3.7%
Average Order Value: $44.13
AOV Change vs yesterday: +2.4%
Conversion Rate: 3.29%
Conversion Change vs yesterday: +2.4%

Traffic Overview

Total Sessions: 3.9K
- Organic Search: 1,606 (41%)
- Paid: 901 (23%)
- Email: 627 (16%)
- Social: 470 (12%)
- Direct: 313 (8%)

Product	Units	Revenue
Solstice Blend Medium · whole bean 12oz	416	$8,736
Midnight Espresso Dark · whole bean 12oz	382	$8,404
Ethiopia Yirgacheffe Single origin · 12oz	277	$7,202
Cold Brew Concentrate 1L bottle · 2-pack	236	$6,608
Decaf Sunset Swiss water · 12oz	181	$3,801

Marketing Performance

Organic Social:
- $1,800 spend → $9,998 rev
- 5.6x ROAS
Influencer / UGC:
- $9,300 spend → $42,195 rev
- 4.5x ROAS
Google Search:
- $12,900 spend → $45,393 rev
- 3.5x ROAS
Email & SMS:
- $6,200 spend → $20,000 rev
- 3.2x ROAS
Meta Ads:
- $18,400 spend → $33,927 rev
- 1.8x ROAS

Email List Overview

Total Subscribers: 24,865
New Today: +24

Your agent will ask.

Answer these once. The recipe uses your details instead of placeholder copy.

What's the brand name and what do you sell?
Which 4-6 metrics matter most to your team day to day?
What's your monthly revenue target?
What's your brand's primary accent color?

The method

The whole prompt.

Paste this into Claude, ChatGPT, Codex, Cursor, or another coding agent. It builds the site and publishes it to Spacefast.

Build me a **single-screen growth dashboard for my online store** — the kind a small team pins to the office TV and glances at all day — as a self-contained static site (one `index.html` plus a CSS and a JS file, no build step, no framework).

Design & content notes:

Use real images for the product thumbnails. Pull free photos that fit, e.g. https://picsum.photos/seed/<product>/80/80 (vary the seed per product), with descriptive alt text.
Drive everything from a small data model at the top of the JS file, with clearly named functions, so it's easy to swap in a real analytics/commerce API later.
Keep it accessible: semantic HTML, a skip link, labelled regions, good contrast, and respect prefers-reduced-motion (no animation when it's set).

<script src="https://spacefast.com/badge.js" data-example="dashboard"></script>