Design Notes

This booklet is a demonstration of the leaflet component — the insert booklet found inside a standard CD jewel case. Each page measures 120 × 120 mm (240px at 2× scale), matching the ISO 15727 standard for CD packaging.

Architecture

OpenCD is built on Open Props — a design token framework by Adam Argyle. Every dimension, color, and spacing value maps to a custom property, with fallback values for standalone use. The framework includes:

• CD dimension tokens at 2× scale
• Semantic color aliases on Open Props
• ASW-inspired surface layers
• Visible grid overlays (tray paper aesthetic)

Token System

The variable layer defines ~40 custom properties organized into semantic groups:

--cd-jewel-width

280px × scale

--cd-surface-1

oklch(30% .015 265)

--cd-font-label

--cd-font-neo-grotesque

Credits

OpenCD is a project of the A-Team design collective — a framework for physical-digital design artifacts that bridge the gap between print packaging and web implementations.

Design: Hannibal & Face
Engineering: Murdock & B.A.
Quality: Amy