Harbor & Pine: one-page website brief for Runable (Jump Start: Runable, module 4)
Pasted into Runable on 20 October 2026 over the Landing Page template's sample prompt. Harbor & Pine, Maya and every detail are made up.

THE BRIEF (paste this over the template's sample prompt)

Build a one-page website for Harbor & Pine, my small-batch soy candle brand in Portland, Oregon. Sections: a hero that says "Three candles. Three Portland mornings." with a Join the waitlist button; three candles with one line each: Alberta Rain (petrichor and cedar), Forest Park Fog (fir and moss), Saturday Market (orange peel and clove), $30 each; a short About section (hand-poured by Maya in Portland, 8 oz, reusable vessel); a Join the waitlist section with an email field and a button; an FAQ with 3 questions (shipping, burn time, candle care); a footer with hello@harborandpine.example. Warm and minimal, cream and forest green. Keep it simple, one page, no database.

RUNABLE'S QUESTIONS AND OUR ANSWERS (yours may differ)

Question 1 of 2: The attachment looks like a dark AI/finance site, while your brief calls for warm cream and forest green. Should I use it only as loose editorial layout inspiration, or would you like a template gallery first?
Our answer: 1. Use the attachment loosely; follow the candle brand colors (recommended)

Question 2 of 2: Without a database, what should the waitlist form do when someone submits an email?
Our answer: 1. Open an email draft to hello@harborandpine.example (no backend)

THE PLAN IT WROTE BACK (approve it only if it matches your brief)

Plan: one responsive React page in the managed web package, with a cream/forest-green editorial layout loosely inspired by the attachment. Sections: hero, three $30 candles, About, waitlist, three FAQs, footer. I'll use candle/lifestyle imagery, edit the homepage and styles, add a root design.md, and leave API routes and database tables untouched. The form will open a prefilled email draft. Proceed?
Our answer: 1. Yes, build it

WHAT HAPPENED NEXT (our run)

Day 1 (20 October 2026): the build used the 490 credits left that day and stopped at step 10, before the page was finished.
Day 2 (23 October 2026), fresh 1,500 credits, same chat. We typed:
Continue the build from where you stopped.
It finished in about two minutes (236 credits, 726 in total) and said: built and tested on desktop and mobile; the waitlist opens a prefilled email draft and stores no emails; replace the .example email before publishing.

THE FIX WE SENT (the hero photo had Unsplash+ watermarks)
The hero photo shows Unsplash+ watermarks. Replace it with a free candle photo that has no watermark. Change nothing else.
It replaced the photo in one step (115 credits, 841 in total).

BEFORE YOU PUBLISH
Ask it to replace hello@harborandpine.example with your real email (the footer and the waitlist form both use it). Then click Publish.

THE BRIEF FORMULA (reuse it for any task)
1. Goal: what should exist when it is done (a one-page website).
2. Who it is for: the people who will read or use it (candle buyers at Portland markets).
3. Format and sections: list them, in order.
4. Limits: what to leave out (no database), the look (cream and forest green), the length (one page).