Creative studio
DraftHaus
An architecture portfolio as considered as the work.
Best for: Studios that want a precise, gallery-grade portfolio without a custom build.
Buildings that know exactly why every line is there.
Overview
DraftHaus is built for studios whose drawings are exact and whose website should be too. The 'Blueprint' theme — concrete grey, graphite, a single blueprint blue, hard corners — frames the work like a set of plans. The flow is deliberate: a confident hero, a project showcase, the services on offer, the process from brief to handover, and the numbers that quietly prove a studio delivers. Config-driven, so a practice can publish a new book in an afternoon.
Who it's for
Highlights
- Confident, structured hero
- Project showcase grid
- Clear service list
- Brief-to-handover process
- Delivery proof metrics
Pages included
- Home
- Projects
- Studio
- Contact
Built with
What you'll get
A launch kit is more than code. Here's exactly what's in the box and what it takes to get it live.
DraftHaus Launch Kit
v1.0.0 · Single-project license
In the box
- Next.js source codeThe complete, typed project — yours to keep and edit.
- Content configEvery word, link, and price in one editable file.
- Theme configColors, fonts, and shape as simple design tokens.
- Themed error & loading screensMatching 404, 500, and loading states — not generic fallbacks.
- Theme-matched scrollbarA custom scrollbar tuned to the kit's own palette.
- READMEHow to run, edit, and deploy the kit.
- Customization guideWhere everything lives and how to change it.
- Deployment guideFrom your machine to a live URL + custom domain.
- Launch checklistA practical, step-by-step pre-flight list.
- Troubleshooting notesFixes for the common install/build/deploy snags.
- DESIGN.mdA system-design map of the kit — for you and your AI agent.
- AGENTS.mdOperating rules + starter prompts so AI tools extend it safely.
- LicensePlain-language usage terms (placeholder).
- ChangelogWhat changed in each version.
To launch it
- Difficulty: beginner
- Setup time: About 35 minutes
- Deploys to: Vercel · Netlify
- Guides: 4 included
- Support: Standard email support and optional setup help.
Downloads open when checkout launches.
Customization & requirements
Everything renders from one config file, so editing copy, pricing, sections, or the theme is a data change — no component rewiring.
You'll need
You can customize
Launch checklist
Every kit ships with a practical, step-by-step checklist so you know exactly what to change before you go live.
Launch checklist
15 stepsMake it yours
- Replace the logo and favicon
- Update your business / brand name
- Rewrite the hero copy
- Update services, features, and pricing
- Set your real contact email
- Swap placeholder images for your own
Metadata & SEO
- Update the page title and description
- Set your Open Graph share image
- Point metadataBase at your real domain
Quality check
- Test the responsive layout on mobile
- Test every button and contact CTA
- Run a quick Lighthouse pass
Launch
- Deploy to Vercel
- Connect your custom domain
- Do a final launch reviewOpen the live URL in a fresh browser
Ships with the kit as a Markdown checklist — tick it off as you go.
Don't want to set it up yourself?
Buy the kit and we'll get it live for you. Tell us what you're building and we'll handle the technical bits.
- Customize the kit to your brand
- Replace content, copy, and images
- Deploy it live on Vercel
- Connect your custom domain
- Walk your launch checklist with you
No commitment — we'll reply with options and a quote.