Architecture that feels inevitable.
A cinematic, contrast-first landing built for studios that design with restraint. Present work like a film still — quiet, sharp, premium.
Soft grid texture, vignette lighting, glass surfaces, and high-contrast typography — tuned for premium studios and creative teams.
lib/demo-config.tsDark, cinematic, conversion-first.
If your hero feels generic, prospects bounce. You need cinematic contrast and immediate clarity.
Mixed surfaces and random section colors break trust. This template stays on a dark canvas throughout.
Motion is used carefully: reducedMotion='user', no server/client style divergence, scroll effects are stable.
Default copy is tailored for studios: architecture, interior, or agency — with premium tone and structure.
A template that sells the work before you speak.
Built for studios that need a confident web presence. Everything sits on a deep neutral canvas with a cinematic lighting model and crisp typography.
Glassy surfaces, subtle gradients, and high contrast that feel editorial and expensive.
Small number of files, clean section components, single source of truth configs.
Accessible contrast, clear hierarchy, and sensible spacing — ready for client work.
No auth/DB/payments. Just a landing that looks like it cost a lot more than it did.
Built to fit architecture, interior, or agency.
Swap the demo type for different hero copy + accent color. Keep the system, change the story.
Translate intent into a crisp story: positioning, structure, and premium pacing.
- Hero + proof stack
- Studio tone guidelines
- Conversion-first sections
Project cards that feel like editorial spreads — consistent, cinematic, believable.
- Featured projects grid
- Tags + metrics
- Gallery-ready layout
A lighting model for the web: vignette depth, subtle gradients, glass surfaces.
- Dark canvas rules
- Surface hierarchy
- Accent discipline
Type scale, spacing, and contrast tuned for luxury perception without noise.
- High contrast AA+
- Editorial rhythm
- Polished micro-details
Minimal Next.js App Router file tree — easy to maintain, easy to sell.
- Few files
- No DB/auth
- Config-driven content
Framer Motion used carefully to avoid mismatches — smooth, subtle, optional.
- reducedMotion='user'
- No SSR/client divergence
- No scroll math on server
Cinematic cards. Strong hierarchy. Real portfolio energy.
A restrained civic concept with dramatic negative space and quiet detailing.
Warm minimalism with controlled contrast — material-led, calm, confident.
A conversion-first brand site system built to ship fast with premium perception.
Use lib/data.ts to swap in real images later. This template keeps surfaces dark and cinematic.
Trusted by teams who sell taste.
“The layout feels like an editorial portfolio. Clients assumed we hired a high-end studio.”
“Dark, cinematic, but still clean and readable. The structure is refreshingly minimal.”
“Finally a template that doesn’t flip to white sections. Everything stays consistent and premium.”
Seed posts live in lib/data.ts. You can wire a real CMS later without touching the visual system.
Simple tiers for premium studios.
These are mock tiers to help you sell the template. Replace copy, keep the structure.
- Landing layout + sections
- Config-driven copy
- Dark cinematic system
- Everything in Starter
- Demo switching (3 modes)
- Work pages + case studies
- Everything in Studio
- Commercial-friendly tier
- Priority template updates (mock)
Turn taste into trust — with a cinematic presence.
Share your timeline and scope. We’ll respond with a clean plan and a premium presentation flow tailored to your studio.
- Dark cinematic system (grid + vignette + glass)
- Config-driven brand + demo switching
- Minimal code, App Router only
- lucide-react icons, motion used safely
lib/site-config.tsDemo config:
lib/demo-config.ts