AI website prompts for Claude

Build a single-page personal site for a backend engineer. It should read like a well-set document, not a landing page. Layout: one column, max-width 680px, left-aligned, 96px of top padding. Order: name at 1.5rem with a one-line role beneath in muted text; a two-paragraph introduction written in first person; a 'Work'

Build a portfolio site for a product designer with only four case studies. The design must make a small body of work feel substantial. Home page layout: a name and one-line description at the top left, and a current-status line ('Available for work — Sept 2026') in monospace at the top right. Below, the work is an

Build a one-screen waitlist page for an AI meeting-notes product called Quorum. Layout: the entire page fits one viewport on desktop with no scroll. Content is a single column, max-width 640px, vertically centered. Order: small monospace eyebrow reading 'PRIVATE BETA · Q3'; a headline of at most 9 words; two sentences

Build an article template for a long-form technical publication. Measure and rhythm: body text at 19px with a 1.72 line height, max-width 68 characters. Paragraph spacing 1.5em with no first-line indent. Headings use a modular scale: h2 at 1.75rem with 3em of space above and 0.75em below, h3 at 1.25rem. Never allow a

Build a landing page for a B2B analytics product called Northsignal. Layout: full-bleed hero, no container. Everything left-aligned against a 48px gutter — do not center any text on this page. Hero is 88vh with the headline set at clamp(3rem, 8vw, 6.5rem), a single sentence, max 7 words, tight tracking of -0.03em.

Build a marketing landing page for a developer tool — a CLI called Driftwood that snapshots database schemas. The hero is not an image. It is a terminal block: a dark rounded panel with three small circles in the title bar, a monospace command prompt, and four lines of realistic output including a green success line

Build a website for a neighbourhood Italian restaurant. People arrive with four questions: what is it, where is it, when is it open, and can I book. Answer all four above the fold. Hero: a single wide photograph of the dining room at 21:9, with an overlay panel pinned to the bottom-left containing the restaurant name,

Build a website for a strength-training gym called Iron Meridian. It should feel intense without using a single gradient. Intensity comes from three sources only: enormous type, hard black-and-white photography, and one saturated accent used sparingly. Hero: a full-viewport black-and-white photograph of a loaded

Build a single case study page for a rebrand project. It must read as an argument, not a gallery. Structure in order: a title block with the client name in monospace, the project title at clamp(2.25rem, 5vw, 4rem), and a three-item metadata row (year, disciplines, duration) separated by hairlines. Then a full-bleed

Build a website for a single-location specialty coffee roaster called Meridian. Constraint: only three photographs exist. The design must not need more. Structure: a hero that is pure typography — the roaster name set enormous at clamp(3.5rem, 12vw, 9rem) filling the width edge to edge, with a single line beneath