Architect Landing Page
Built for Kestle Architects, the sample brand inside the template
An architecture practice site where scrolling cuts a 3D house open one floor at a time while its plans draw themselves, and the model turns into the photograph of the finished house.
It builds, or it's free. If this prompt doesn't rebuild the site you saw in its live demo, email us within 14 days of buying for a full refund. · Want it for your own architecture?
What to charge$3,000–5,500 for the one-page site with their projects, photos, process and enquiry form wired to their inboxTypical freelance range for small residential architecture practices and design-build firms (2 to 15 people, mostly houses, extensions and restorations) whose site is a Squarespace grid of project photos or a dated WordPress theme. Not a promise of income · Selling to architects and design-build firms
How it moves
The first screen is a 3D model of a house on its plinth, in card, timber and cork on drawing-paper grounds, under the plain title "Architects for Hudson Valley homes." Scrolling moves a section plane down through it one floor at a time: cut walls turn terracotta with dark edges, the earth is hatched, the floor plan of that level draws itself in a panel beside the model, a level ruler and a title block change sheet number (A-001, A-102, A-101, A-100), and the visitor can drag the model round. At the end the cut lifts, the camera turns to one exact viewpoint and the model dissolves into a photograph of the same house as built. Then the projects as a drawing register with a portrait photo revealed upward per house, the practice statement with the studio photo growing to full bleed and four numbers, the process as a drawing set with week bars and hover pictures, a new-project enquiry sheet with a facts column that stamps "Issued", and the house at dusk with the practice's title block as its foot. All copy and image slots sit in one content file, the house in one data file, the palette and fonts in one theme file.
What you get
- A tested build prompt · 16.6k wordsPaste it into Claude Code, Cursor, Codex or Lovable and it builds the landing page section by section.
- The working projectVite + React.
npm install && npm run devand it runs, no keys or accounts. - The assets and their promptsEvery image and loop, plus the exact prompts that made them, so you can make your own.
Sell this site
- Who buys it
- small residential architecture practices and design-build firms (2 to 15 people, mostly houses, extensions and restorations) whose site is a Squarespace grid of project photos or a dated WordPress theme
- What to charge
- $3,000–5,500 for the one-page site with their projects, photos, process and enquiry form wired to their inbox
- Find them on Google Maps
- ••••••••••••••••••••••••••••••
- The 30-second call pitch
- “Hi, I build websites for … I looked you up on Maps … Can I send you a two-minute video of it?”
- What the client supplies
- Photos, prices, hours, logo, and which slot each one replaces.
- The upsell
- The second thing to sell them after launch.
Inside the prompt
A one-page site for a small residential architecture practice (the sample is Kestle Architects, Kingston NY), on light drawing-paper grounds with a thin sheet border, wide grotesk headlines and mono labels. The first screen is a 3D model of one of the practice's houses on its plinth, in card, timber and cork like a presentation model, under one plain title: "Architects for Hudson Valley homes." Scrolling moves a section plane down through the house one floor at a time: the cut walls turn terracotta, the earth is hatched, the floor plan of that level draws itself in a panel beside the model, the level ruler marks the floor, a tag on the cut shows its height, and the title block's sheet number changes (A-001, A-102, A-101, A-100). Dragging turns the model. At the end the cut lifts, the camera turns to one exact viewpoint and the model dissolves into a photograph of the same house as built, from that viewpoint.
- What it is
- Style collection
- Build steps
- Assets
- Motion
- Make it yours
- Launch checklist
- Acceptance checks
