Ironstone Build Co. Bold Minimal Construction Website

A complete monochrome design system built from scratch — pure #ffffff background, #09090b text, zinc border rules, and zero rounded corners anywhere. Bebas Neue display font scales from 5.5rem to 18rem using fluid clamp() sizing. Every section is separated by 1px horizontal rules rather than padding or cards, giving it an architectural, editorial feel inspired by Swiss design schools.

The hero opens with massive stacked Bebas Neue all-caps type ('WE / BUILD / THINGS.') on a pure white background. Below the text, a full-bleed cinematic construction site image spans the full viewport width at 80vh — clean separation via a 1px border rule. No overlays, no gradients. The type IS the hero.

A client-side ProjectsGrid component with filter tabs (All / Commercial / Residential / Renovation) that instantly filters 10 project cards with no page reload. Each card renders in grayscale and transitions to full colour on hover, with a dark overlay revealing category, project type, and year. Masonry layout via CSS columns.

Comprehensive SEO implementation: JSON-LD structured data (LocalBusiness, GeneralContractor, WebSite, BreadcrumbList schemas), dynamic branded OG images per page via Next.js ImageResponse on edge runtime, auto-generated sitemap.xml and robots.txt, canonical URLs, Twitter card metadata, and page-specific keyword-rich descriptions on all 5 pages.

A 'use client' contact form with underline-only inputs that match the stripped-back aesthetic perfectly. Real-time validation with inline error states, a project type dropdown covering all 6 services, and a success screen displaying the user's first name in Bebas Neue display type. No backend required — slots into any form service.

Pages Built: 5 Build Errors: 0 Rendering: 100% Static SEO Documents: 4 Schema Types: 3