KEYSTONE — Design-Build Contractor
Built to outlast the trend.
A confident, credible marketing site for a high-end design-build / general-contractor firm — services, a portfolio of six detailed case studies, a five-phase build process, team bios and a project-inquiry flow. Built in Astro 5 with self-hosted type, blueprint/measure motifs and reduced-motion-gated motion; the inquiry form is an honest front-end demo.
Role · Design + front-end build (Astro 5, typed projects, demo inquiry form) · Updated Jun 2026
- 7 page types: home, services, work index + 6 project case studies, process, about, contact, 404
- A typed data layer for projects, services and team — easy to extend to 20+ projects
- Procedural blueprint SVG art: elevations, an isometric building, an arch section cut, measure ticks
- Scroll-reveal + count-up stats + blueprint draw-in, all gated behind prefers-reduced-motion
- Delivery
- Within 24h
- Licence
- One-time licence · full source
- Support
- 14 days setup support
- Updates
- Free updates included
Backend · Headless CMS / forms
Projects, services and team are a typed data layer; wire the inquiry form to any provider (Formspree, your CRM) and the case studies to a CMS — no component changes.
Delivered as full Astro source. Swap firm details and projects in the data files, add real project photography, and point the inquiry form at your form backend.
What makes it special
Six detailed case studies
A mix of residential and commercial projects, each with a challenge→solution narrative, scope, location, size, duration and a by-the-numbers panel — the credibility a high-ticket firm wins work on.
A documented build process
Five phases — discovery, design, pre-construction, build, handover — each with what-happens and concrete deliverables, plus a client FAQ that pre-answers the hard questions.
An accessible inquiry flow
A project-inquiry form with field-level validation, budget/timeline/type selectors and accessible error handling, framed honestly as a demo with a clean seam to any form provider.
Grounded, architectural design
A limestone-and-charcoal palette with a structural amber accent, an Archivo display over Space Grotesk, blueprint linework and measure-tick motifs, and a self-drawing blueprint animation.
Self-contained and fast
Astro prerenders every route with self-hosted fonts (zero Google-CDN dependency), GeneralContractor JSON-LD, sitemap and per-page meta — deploys to any static host.
What’s included
- 7 page types: home, services, work index + 6 project case studies, process, about, contact, 404
- A typed data layer for projects, services and team — easy to extend to 20+ projects
- Procedural blueprint SVG art: elevations, an isometric building, an arch section cut, measure ticks
- Scroll-reveal + count-up stats + blueprint draw-in, all gated behind prefers-reduced-motion
- Self-hosted Archivo + Space Grotesk via @fontsource, sitemap, JSON-LD and a branded 404
Gallery
More Construction & Trades templates
Make KEYSTONE yours.
Buy it as-is, or have YantraCore tailor it to your brand and content.