STUDIO.ARCH is a premium, production-ready template for architecture practices, interior-design studios, design-build firms, and creative property developers. Built on Astro 7 and TypeScript, it ships with 40 pre-built static pages, three MDX-powered content collections, JSON-driven portfolio grids, store listings, and pricing plans with a working cart, and a fully editable content layer — no CMS or backend required.
STUDIO.ARCH is an architecture and interior-design studio template built on Astro 7 and TypeScript, generating 40 fully static pages per build from 19 route files.
Pages: home, about, projects with 8 project case-study pages, 6 service detail pages, journal with 6 MDX posts and 3 category pages, pricing with 2 plan detail pages, a project-listing store, contact, cart-aware checkout, PayPal checkout demo, order confirmation, style guide, license, changelog, 401, and 404.
Near-zero JavaScript — all pages are prerendered to static HTML; a single vanilla TypeScript module powers the logo preloader, both navigation bars, the mobile mega-menu dropdown, tabs, the plan FAQ accordion, the testimonial slider, split-text and scroll reveals, the magnetic cursor-tracking buttons, the scroll-scaled project cards, the unrolling service panels, and cart functionality. No React, no hydration, and no client framework runtime.
Content collections — journal posts, project case studies, and services are MDX content collections with zod-validated frontmatter; the portfolio and journal grid layouts, category tabs, store listings, and pricing plans are managed through JSON; shared chrome and navigation live in reusable Astro components. No CMS required.
Working cart — JSON-driven plans with localStorage persistence, shared across the plan detail pages, the mini-cart drawer carried by both navigation bars, checkout, and order-confirmation flows.
Design system — handcrafted CSS architecture with custom-property design tokens for colors, typography, line height, letter-spacing, and spacing, all editable from a single :root block without framework lock-in, with a built-in style-guide page that previews the full scale.
Self-hosted fonts — Creato Display served locally in six weights and styles with no third-party font requests.
Performance-focused — static rendering, responsive images via native srcset, semantic HTML, SEO-ready metadata with canonical URLs and Open Graph tags, and clean crawlable URLs.
Deploy anywhere — pure static output with no adapter required. Vercel, Netlify, Cloudflare Pages, GitHub Pages, AWS Amplify, and standard web hosts support it out of the box.
Includes full Astro 7 + TypeScript source code, 40 production-ready pages, three MDX content collections, JSON portfolio/store/pricing data, HTML documentation, comprehensive setup guides, and buyer support.
