Skip to content

sddbook.com

The SDD Book site at sddbook.com promotes “Spec Driven Development — AI Native Software Engineering”. It is a single-page static HTML site with no build step and no JavaScript framework.

TechnologyRole
HTML5Page structure
CSS3 (custom properties)Styling
Google FontsTypography (Alfa Slab One, Inter, IBM Plex Mono)
nginxStatic file serving

A single index.html presenting the book with a light-themed hero section, content summary, and call-to-action.

sddbook-com/
├── public/
│ └── index.html
├── Dockerfile
├── nginx.conf
├── docker-compose.yml
└── package.json

All styling is inline within index.html using CSS custom properties:

VariableValueUsage
--redRedPrimary accent
--blackNear-blackText
--grey-bgLight greyPage background
--off-whiteOff-whiteCard backgrounds
--slabAlfa Slab OneDisplay headings
--sansInterBody text
--monoIBM Plex MonoCode and technical text

The design uses a light colour scheme with a bold slab-serif display font for an editorial book-promotion aesthetic.

Single-stage Dockerfile:

  1. nginx 1.28.2 Alpine copies public/ directly into the web root
  2. sed replaces {{COMMIT_SHA}} in index.html at Docker build time
  3. Runs as non-root on port 8080