Website Company site (small shop)
Low Light Candle Co.
Claude with kit 1.0.0
Screenshots show the first screen. Try it live runs the real build right here: scroll it, click it, poke it.
The prompt
“Can you make a website for my cousin's candle shop? It's called Low Light Candle Co., in Phoenix.”
With the kit, it asked a few questions first. The answers: "No logo or colours yet, and no product photos. On the page: the candles, a bit about her, and how to visit or order. She hasn't set prices or hours yet. Feel: warm and moody. No particular sites she loves or hates." Without the kit it asked nothing and went on the prompt alone.
same prompt, no kit
- Invented an email address (hello@lowlightcandle.co)
With the kit: nothing invented. Anything the prompt didn't give is marked as a gap to fill in.
the kit build’s own handover note
I built a draft one-page site for Low Light Candle Co. It’s dark and warm, lit by a single candle. It works on desktop and phone, but every real detail is still a placeholder because she doesn’t have them yet.
To view it, open index.html in the site folder in a browser. There’s nothing to install, and it can go on any web host as is.
- Opening: “Low Light” in large type, with a lit candle jar standing between the two words and light falling on the letters. As you scroll down, the glow spreads into the next section. There’s also a small “Blow it out” button that snuffs the candle and dims the page, which plays on the name.
- The candles: a sideways-scrolling wooden shelf of five candles, with arrow buttons, a counter and swipe on phones. There are no photos yet, so each jar is drawn in code (a glossy, lit look, each in different glass) and tagged “Stand-in · swap for photo”. The candle list lives in
js/candles.js, so adding or removing candles only means editing that file. - About her: a lighter cream section with a marked 4:5 photo slot, a spot for a quote in her own words, “Poured by [her name]” and two short lines about her.
- Visit & order: two panels. One has address, hours and a directions button; the other has how ordering works, contact details and an “Order a candle” button.
- Footer: a Phoenix sunset: a low sun on the horizon, a ridge line and two saguaro cacti.
- Type
- Company site (small shop)
- Tone
- Cinematic, warm
- Field
- Makers & retail
- Built in
- Claude
- Kit version
- 1.0.0
- Compared with
- Plain Claude, no skills, same prompt
Scroll it The whole page, top to bottom
