Website Company site (local business)
Sharp Line Barbers
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 buddy's barbershop, Sharp Line Barbers in Mesa?”
With the kit, it asked a few questions first. The answers: "He doesn't have a logo, colours or photos yet. Feel: clean. He hasn't picked a booking system yet. On the site: his services, hours and a way to book. He hasn't sent prices, hours, address or phone yet." Without the kit it asked nothing and went on the prompt alone.
same prompt, no kit
- Invented a phone number, 6 prices and opening hours
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 the Sharp Line Barbers site from your answers. It’s a draft for now, because the prices, hours, address, phone and booking link still need to come from your buddy. Everything real goes in one file, assets/js/site-data.js, and nothing on the site is made up.
The look: clean and practical, with one bold idea. “SHARP LINE” is set in huge condensed capitals with a thin razor cut through the letters. Next to it is a black panel that draws a haircut fade as lines, with clipper-guard numbers (#3 down to 0) and one lime line labelled “The line.” The colours are warm off-white, near-black and a single lime accent. Since he has no logo or colours yet, I picked between three options; the two I didn’t use were navy, crimson and bone (a classic barber-pole feel) and navy with steel grey. The fonts are Big Shoulders Display for headlines and Hanken Grotesk for text. Both are free and built into the site, so they don’t depend on Google Fonts.
- Type
- Company site (local business)
- Tone
- Calm & premium · Practical
- Field
- Beauty
- Built in
- Claude
- Kit version
- 1.0.0
- Compared with
- Plain Claude, no skills, same prompt
Scroll it The whole page, top to bottom
