1.6 KiB
1.6 KiB
| title | description | status | state | created | tags | repo | authors | ||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| OpenCD | Physical CD jewel case CSS framework — web design driven by ISO 15727 packaging specifications | prototype | published | 2026-05-26 |
|
trentuna/opencd |
|
Context
Physical objects have measurable dimensions. A CD jewel case is 142×125 mm. A CD leaflet is 120×120 mm. A disc is 120 mm in diameter. These are not arbitrary numbers — they are ISO 15727 specifications, the result of decades of industrial design refinement.
OpenCD maps these measurements directly to CSS custom properties at 2× scale. Built on Open Props v2 and following the Agentic Semantic Web philosophy of semantic HTML plus zero-classes styling, OpenCD is a study in how physical media constraints can inform and enrich digital design.
The framework ships seven components, each a CSS module mapping to a physical CD packaging element: jewel case, spine, leaflet, disc, tray, booklet, and back insert.
Related
- Agentic Semantic Web — shared philosophy: semantic HTML, zero classes, data-attribute selectors
- Human Advisory — shares the display typography and monochrome aesthetic
- Essay: On the Craft of Invisible Systems — the principle of systems that recede
Credits
- Ludo — Author, concept, design
- Vigo — Maintainer, distribution
- A-Team — Built via autonomous agent missions