Examples

Real-world sites built with the Static Site Spec.

On this page

Production Sites

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

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.

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.

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.

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.

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.

Patterns by Version

Version 1.1

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

Version 1.2

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

Version 1.3

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

Version 1.4

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

Version 1.5

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

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

Submit Your Site

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