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 and AVIF/WebP 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
• 05Canvas 2D 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
• 08No tracking pixels, no chat widgets.

Built With