Plinth is a complete Astro website system for architecture studios, interior designers, renovation practices, and spatial creatives who want their work to feel considered before a visitor reads a single paragraph. Warm stone neutrals, disciplined oversized typography, generous negative space, full-bleed photography, and restrained motion create the atmosphere of a high-end portfolio rather than a generic agency template.
The homepage opens with a three-frame architectural hero that contracts and re-composes as the visitor scrolls. Project cards use controlled image crops and directional motion, services reveal photography directly inside the index, and expertise and process cards shift into cinematic interactive states, all with smooth scrolling and a clear reduced-motion fallback.
It ships as a complete site, not just a landing page: 21 generated static routes, six project detail pages, six service detail pages, a dedicated services directory, animated portfolio filters, about, contact, legal pages, a section library, sitemap, and robots output.
Built on Astro 7 + Tailwind CSS 4 with TypeScript. Every shared heading, label, CTA, image, alt text, project, service, filter, relationship, form field, legal section, metadata value, and footer link reads from src/config/site.ts, so rebranding the whole site starts in one file.
Who it's for
- Architecture and multidisciplinary design studios
- Interior designers and interior-architecture practices
- Residential, hospitality, workplace, and cultural designers
- Renovation, remodeling, and adaptive-reuse specialists
- Landscape, spatial, and furniture design practices
- Freelance architects and creative studios that need a premium portfolio and inquiry funnel
What's distinctive
- A cinematic three-frame hero that transforms on scroll, with smooth Lenis wheel input, interpolated progress, and a clear reduced-motion fallback
- An editorial project portfolio with animated All / Residential / Commercial filtering, staggered transitions, image zoom, crop motion, and directional controls
- Six detailed project pages with multi-paragraph introductions, galleries, editable project facts, and explicitly selected related work
- A service directory where each row reveals its own image on hover and opens one of six generated service pages
- Six service detail pages with editorial heroes, multi-paragraph overviews, capability ledgers, selected projects, next-service navigation, and inquiry forms
- Cinematic expertise and testimonial presentations plus process cards with image, diagram, label, and icon state transitions
- Every shared heading, label, CTA, image, project, service, filter, relationship, form field, and SEO value is editable from src/config/site.ts
What's included
- Full source: Astro 7 + Tailwind CSS 4 + TypeScript
- 21 generated static routes: Home, About, Services index + 6 service pages, Projects index + 6 project pages, Contact, Section Library, Privacy, Terms, 404, sitemap, and robots output
- A 10-section homepage with hero, studio introduction, proof marquee, featured projects, services, expertise, process, testimonials, editorial CTA, and inquiry form
- One-file config at src/config/site.ts for identity, navigation, every section, project ordering, related-project selection, project filters, services, capabilities, images, alt text, forms, page metadata, legal copy, structured data, and SEO
- Centralized, replaceable Unsplash photography throughout the demo
- Contact and inquiry forms with configurable production actions
- Self-hosted Archivo Variable and Geist Variable via Fontsource
- Lenis smooth scrolling, responsive navigation, full-screen mobile menu, keyboard-accessible controls, and reduced-motion support
- Deploy scripts for Vercel, Netlify, and Cloudflare Pages
- Lifetime updates for this theme
- Documentation at aerolaunch.app/docs/themes/plinth
