d3-designlisted

# d3-design A two-layer design system. The **universal principles** below apply to every UI you build. The **cinematic floating-glass aesthetic** is opinionated and only applies when the user explicitly asks for that look. ## How to use this skill **Always apply** the universal principles in this file to any UI, frontend, component, or design work. They are aesthetic-agnostic — they work in light themes, dark themes, brutalist, Material, anything. **Load `cinematic-aesthetic.md`** when the user asks for any of: - cinematic, premium, floating, glass, glassmorphism, spatial, atmospheric - VisionOS / macOS-inspired / Arc / Linear / Raycast / Vercel-style - AI control panel / dashboard / command palette aesthetic - "premium dark interface" / "floating glass dashboard" / "luxury enterprise" **Load `blueprints.md`** when building any of: - landing page, marketing hero - dashboard / analytics surface - AI chat interface - command palette / spotlight / floating omnibar - when the user wants a specific UI composition recipe If the user wants a different aesthetic (Material, brutalist, light editorial, etc.), apply the universal principles only — do not load the cinematic file. --- ## Universal Principles ### Foundation as Material Never use pure values — no `#000` or `#FFF`. Foundations should feel atmospheric and offset, not absolute. Use a layered, slightly-shifted palette so surfaces feel like material rather than ink on paper. In dark themes this means near-blacks. In