Canon — single-file references

Eight self-contained HTML files demonstrating the Canon design system on real artifacts. Each file is fully inlined — no external CSS, no font imports, no JS dependencies. Drop one in anywhere; it renders.

Files

File	What it is
canon_name.html	Two-up name card · wordmark + voice
canon_palette.html	Full palette + semantic tokens + rule weights
canon_type.html	Type specimen · scale, weights, hierarchy
canon_components.html	Buttons · forms · cards · badges · nav · table · icons
canon_letter.html	Long-form letter layout · pull quote, signature
canon_invoice.html	Invoice / receipt on the grid
canon_resume.html	Single-page resume
canon_404.html	Error page · single primary color full-bleed

Tokens used (inline in each file)

--red:    #D93A2D    /* signal · emphasis */
--ochre:  #F5CB5C    /* highlight */
--blue:   #2B4FB2    /* link · structure */
--ink:    #1C1B18    /* text */
--paper:  #FAFAF7    /* canvas */
--rule:   #E6E3DA    /* soft inner divider */
--fg-2:   #737068    /* secondary text */

Font: "Helvetica Neue", Helvetica, Arial, sans-serif — OS native, no web font loaded.

To push to aaronwro/design

# from the project root, after downloading the references/ folder:
cd path/to/design
cp -r ~/Downloads/references/* .
git add canon_*.html
git commit -m "canon: initial single-file references"
git push origin main