Colophon
How this was made.
- Display
- Zodiak, via Fontshare.
- Body
- Switzer, via Fontshare.
- Type scale
- Fluid clamp. Body reads at 18px. Display tops out at 112px.
- Framework
- Astro 6. No React. Zero client-side JS framework. The site loads like a document, which is what a website is. (Started in Next.js; rewrote in Astro over a weekend.)
- Content
- Case studies written in MDX, versioned alongside the code. No CMS.
- Hosting
- Cloudflare Pages.
- Contact form
- Cloudflare Pages Functions + self-hosted Plunk (on AWS SES), with Turnstile for the bot check.
- Color
- OKLCH. Paper, ink, fuchsia, cobalt. Tested for WCAG AAA on body text.
- Accessibility
- WCAG AA floor, AAA on body text. Real focus states, real skip link, real reduced-motion.
- Performance
- Lighthouse 100. Self-hosted fonts, preloaded. Images in AVIF with WebP fallback.
- Stamp
- Sun mark drawn for this site. Ring treatment borrowed from Ignyte's flame stamp.
- Homelab
- Early drafts previewed on a rack in a closet in Philadelphia.
- Fonts
- Loved but not owned.
- Authored
- HTML by Dennis. Copy by Dennis.