---
title: "OpenCD"
description: "Physical CD jewel case CSS framework — web design driven by ISO 15727 packaging specifications"
status: prototype
state: published
created: 2026-05-26
tags:
  - prototype
  - framework
  - css
  - design
repo: trentuna/opencd
authors:
  - name: Ludo
    role: Author
  - name: Vigo
    role: Maintainer
---

## 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](./../projects/asw/CATALOG.md) — shared philosophy: semantic HTML, zero classes, data-attribute selectors
- [Human Advisory](./../projects/human-advisory/CATALOG.md) — shares the display typography and monochrome aesthetic
- [Essay: On the Craft of Invisible Systems](./../essays/2026-02-01_invisible-systems.md) — the principle of systems that recede

## Credits

- **Ludo** — Author, concept, design
- **Vigo** — Maintainer, distribution
- **A-Team** — Built via autonomous agent missions