Aurora Glass
Design system reference · Design system · Tokens · Documentation
The glass system this site is built on, documented as a live reference: four elevation levels, the token layer behind them, and every control in working order.
Starting prototype…
Try this
- Flip between dark and light — the whole token ramp resolves, including shadows.
- Change the device frame to see how density and layout respond.
- Open the dialog, the sheet, and the toast to check the feedback layer.
What it demonstrates
- Theme and device frame drive the token layer directly — nothing is a screenshot.
- Four glass elevations, each with the specular top edge that does most of the work.
- Spec annotations sit next to the components they describe, for handoff.