Liquid Glass Design System

Apple-inspired translucent glass UI with depth, refraction, and ambient light response.

Core Principles

1. Translucency — Surfaces reveal layered content beneath via backdrop blur
2. Depth — Elements float on distinct z-layers with realistic shadows
3. Ambient Response — Glass tints shift based on underlying content color
4. Minimal Chrome — Borders are subtle; shape and blur define boundaries
5. Motion — Transitions feel physical: spring-based, with inertia

Usage

Import the token file in your CSS:

@import 'references/tokens.css';