An architecture firm website with project portfolio, design process overview, team profiles, and consultation booking.
The prompt
Copy this prompt and paste it into Claude, Cursor, ChatGPT, Codex, or any AI tool connected to Hatchable via MCP.
Build an architecture firm website. The homepage has a stunning hero with an architectural project photo, the firm name, and "View Our Work" button. Include a Portfolio page with projects organized by type: Residential, Commercial, Institutional, Interior Design, Renovation, Urban Planning — each project has: a photo gallery, project name, location, year completed, size (sq ft), scope, and a brief narrative about the design concept and challenges solved. Add a Services page with: Architectural Design, Interior Architecture, Master Planning, Sustainable Design, Historic Renovation, 3D Visualization — each with description and process overview. Include a Process page explaining the firm's design phases: Consultation, Schematic Design, Design Development, Construction Documents, Construction Administration — with what happens at each stage. Team page with architect profiles: name, photo, title (AIA), education, notable projects, and design philosophy. Contact/Consultation form: project type, location, estimated budget, timeline, description of vision, name, email, and phone. About page with firm history, awards, and publications. Minimal, design-forward aesthetic — clean layouts, architectural photography, refined typography. Deploy it on Hatchable when done.
How to use this template
Connect Hatchable to your AI tool
Add Hatchable as an MCP server in your AI tool of choice. You'll need your API key from Console → Settings. See our setup guides for Claude Code, Cursor, or Codex.
Copy the prompt and paste it
Hit the Copy button above, switch to your AI tool, and paste. The prompt is written to produce a complete, deployable app using Hatchable's platform features.
Your AI builds and deploys it
Your AI writes the code, creates a project on Hatchable, and deploys it. You'll get a live URL you can share immediately — no server setup, no billing.
Customize it
After the initial build, try asking your AI to add any of these:
Add an awards and publications section
Include a virtual tour embed of featured projects
Add a sustainability metrics page for green projects
Include a project journal/blog documenting ongoing work
Build this app for free
Sign up, grab your API key, and paste this prompt into your AI tool.