Claude with kit 1.1.0
Screenshots show the first screen. Try it live runs the real build right here: scroll it, click it, poke it.
The prompt
“Make me a portfolio site. I'm Juno Reyes, a web designer and developer.”
With the kit, it asked a few questions first. The answers: "No logo. I want the type to carry it. Projects are placeholders for now." Without the kit it asked nothing and went on the prompt alone.
same prompt, no kit
- Invented projects with made-up details (e.g. a "31 Chapel Street House")
- Uses a split hero
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 portfolio: a one-page static site, with no logo and the type carrying the identity, as you asked. It’s in the project folder (open index.html; README.md covers running and publishing). I checked it in a headless browser on desktop and phone and looked at the screenshots, but haven’t tried it on a real phone or touch screen.
The idea. “JUNO REYES” is set huge across the bottom of the first screen in one variable typeface (Anybody). When you move the mouse across the name, the letter nearest the pointer gets wider and heavier and the others narrow to make room, so the name always spans the full width. A small readout above it shows the current width and weight values. It shows off both sides of the job: typography for the designer, and code for the developer. On phones the name sits on two lines and you drag across it instead.
Colours. Mostly paper and ink, with one vermilion accent. The accent comes from the name: Juno is also the NASA probe to Jupiter, and the vermilion is the Great Red Spot. The first screen turns from paper to ink partway down the name, so the name bleeds into the dark work section below. Two other directions I considered were peacock teal (Juno’s bird) and “June” chartreuse.
- Type
- Portfolio
- Tone
- Swiss / typographic
- Field
- Creative
- Built in
- Claude, kit 1.1 (this prompt was rebuilt after the round-2 review)
- Kit version
- 1.1.0
- Compared with
- Plain Claude, no skills, same prompt
Scroll it The whole page, top to bottom
