Examples

Production Sites

These sites were built following the Static Site Spec, demonstrating its patterns in production.

Danny Caruso

Type: Actor portfolio
Spec Version: 1.7
Patterns Used: Scene site, chapter controller, WebGL2 renderer with fallback, facts not yet known

A dark stage lit by a ghost light. Scrolling runs the cue stack: each production comes up in its own gel while the stage manager calls it, and the curtain call raises the house lights on the resume.

Section 11 was drawn from three scene sites built in this stack before the spec described them: Harmonices Mundi (a WebGL orrery), Center of Percussion (longsword physics), and Metes & Bounds (a survey plat). They are not public.

VetMGMedia

Type: Veteran-owned contractor financing site builder
Spec Version: 1.6
Patterns Used: Analytics controller, forms.json, OG overrides, reduced motion

A veteran-owned firm that builds sites for contractors offering financing, with GA4 event tracking, centralized form data, and accessibility-first animations.

Lytle Landscape

Type: Landscape design business
Spec Version: 1.5
Patterns Used: Section anchors, Web3Forms, Google Analytics, Font Awesome icons

A professional landscape design business site with single-page marketing layout, contact forms via Web3Forms, and analytics integration.

Engineer's Manual

Type: Technical reference book
Spec Version: 1.4
Patterns Used: Pagefind search, TOC highlighting, dual TOC, callouts

A field manual for software engineers featuring client-side search, smart table of contents highlighting, and military-style callout components.

The DBT Resource

Type: Educational resource
Spec Version: 1.3
Patterns Used: Reading progress, clipboard copy, print styles, TL;DR patterns

A comprehensive educational site with long-form content, demonstrating reading progress tracking and print optimization.

Nomad Theater Company

Type: Theater company website
Spec Version: 1.2
Patterns Used: Scroll animations, mobile nav with icon swap, async forms

Features the animate controller for scroll-triggered entrances and the form controller for contact submissions.

Patterns by Version

Version 1.7

• Scene sites: chapter controller, one-joint scene controller, lib/ modules
• WebGL2 renderer contract with static fallback
• node --test for lib/ modules, with a full build test
• Facts not yet known: blank() and the fact macro

Version 1.6

• Analytics controller for GA4 event tracking
• forms.json data file pattern
• OG title/description frontmatter overrides
• bodyClass frontmatter
• prefers-reduced-motion accessibility
• CSS animation utilities

Version 1.5

• Section anchor navigation
• Web3Forms contact forms
• Google Analytics 4 integration
• Font Awesome icons via CDN
• 404 page pattern

Version 1.4

• Pagefind search integration (Cmd+K)
• TOC scroll-spy controller
• Dual TOC pattern (mobile + desktop)
• Callout components

Version 1.3

• Reading progress controller
• Clipboard controller
• Print styles for reference content
• TL;DR and TOC frontmatter patterns

Version 1.2

• Scroll animations (IntersectionObserver)
• Mobile nav with icon swapping
• Async form submission

Version 1.1

• Portfolio layouts and collections
• Card component patterns
• Category-based frontmatter

Submit Your Site

Built something with the spec? Open an issue to have it featured here.