← Back to Showcase

Build a landing page end-to-end

Describe what you want built. Your assistant delivers a finished, working page — no back-and-forth, no hand-holding.

Most design tools require you to drag, click, choose fonts, pick colors, and write copy before you have anything to look at. This starts from the other end. You describe what you want in plain language — the name, the vibe, what it needs to do — and your assistant hands you a finished, working page. Then you refine it by talking, not clicking.

The initial prompt

This is the whole brief. One message.

Build me a simple landing page for a small coffee shop called Maru in Williamsburg.

Vibes: cozy, minimal, slightly Japanese-influenced. Dark roast energy.
Needs: a hero with the name and a short tagline, hours and address, a short about section, and links to order online.
Font: something clean and editorial.
Colors: off-white, deep brown, a warm cream. No gradients.

Make it fully responsive. Output a single HTML file with all styles inline.

Refining the design

Once the first version is back, you iterate in plain English. No code required on your end.

The hero feels too tall on desktop. Tighten it up so the fold hits just below the tagline. Keep the mobile version as-is.
Add a menu section between the hero and the about. Three categories: espresso drinks, filter, and food. Keep it typographic — no images, just clean lists.
The brown feels a bit flat. Warm it up slightly and add a very subtle paper texture to the background — CSS only, no images.

How it works

Your assistant reads the brief for intent, not just instructions. It infers the aesthetic from words like "cozy" and "slightly Japanese-influenced", translates them into font choices, spacing decisions, and a color palette, then writes clean, self-contained HTML. When you give feedback — "the hero feels too tall", "add a menu section", "warm up the brown" — it applies the change in context, not as a patch on top of a patch. The file stays clean.

The outcome

A finished, working prototype you can open in a browser, share with a client, or hand off to a developer — without touching a design tool or writing a line of CSS yourself. The whole brief-to-prototype loop takes one conversation. No back-and-forth, no hand-holding. Just a finished thing ready to review.