| name | colophon-design |
| description | Use when adding a colophon (production credits) to editorial sites. Colophon credits typeface, tools, hosting — print tradition that signals brand maturity.
|
Colophon Design
Colophon = production credits page. Lists: typefaces, tools, hosting, photography sources, code stack. Signal of editorial brand and craft attention.
Colophon contents
- Typefaces ('Set in Fraunces and Inter Tight')
- Brand colors ('#fbf6ec cream, #0d0807 ink, #e85d2c accent')
- Hosting ('Cloudflare Pages, edge-cached globally')
- Code ('Hand-coded with Claude + Joshua. No design templates.')
- Photography (sources with attribution)
- Tools (design + dev + ops stack)
- Build details (last updated, git SHA optional)
Sample colophon copy
## Colophon
CardPrepAI is set in **Fraunces** (display) and **Inter Tight** (body), both edge-cached via Bunny Fonts.
The brand palette: **#fbf6ec** cream, **#0d0807** ink, with **#e85d2c** as the singular accent.
Hand-coded with Claude + Joshua Kovarik on Cloudflare's edge platform. Hosted at no fixed location — every page lives at the nearest CDN to you.
Illustrations: original. Photography: Pexels + Unsplash, attributed inline.
Built: May 13, 2026 · Version 1.0
Page placement
Colophon belongs:
- Footer link ('Colophon')
- About page section
- Bottom of site map
- Standalone page (/colophon)
Not on every page — too noisy. Once per site, easy to find.
Where this fits in the X3 empire
Used on CardPrepAI editorial homepage and about page.
