Case Study
Modern Softworks
A full marketing site for my studio, Modern Softworks. Custom design system from scratch, no UI framework. 22 routes, MDX content pipeline, and enterprise security headers. Accessibility enforced as a hard build failure.
Overview
The website for my development studio, Modern Softworks. A full marketing site with lead generation, blog, case studies, and service pages built for private-sector and federal clients. The entire design system is hand-built on CSS custom properties. No Tailwind, no UI framework. 48 components, a semantic color system, typography scale, and spacing tokens all from scratch. Lighthouse CI fails the build if accessibility drops below 90%. Enterprise-grade security headers, zero third-party scripts, and AVIF/WebP only for images.
Key Features
- 01Custom design system: 48 components, 10 section modules, full token system with no framework dependency
- 02MDX content pipeline with 8 blog posts, 6 guides, 3 case studies, reading time, table of contents, and RSS feeds
- 03Dynamic OG image generation per page using Next.js ImageResponse API
- 04Context-aware consultation modal that pre-fills based on which service page the user is on
- 05WebGL particle field and GSAP scroll-triggered animations
- 06Lighthouse CI enforces accessibility and SEO as hard build failures on every push
- 07Enterprise security headers: full CSP, HSTS with preload, X-Frame-Options DENY
- 08Zero third-party scripts. No tracking pixels, no chat widgets, no external JS.