Prism
Glass interface kit · v3.1

A glass interface,
rebuilt from scratch

Prism is a set of twenty-six components that behave like frosted glass over a living background. Every surface on this page is one of them, running on the same blur, border and highlight rules.

Controls

hover anything
Buttons
Toggle

Ambient mode
soft glow at dusk

On

Slider

62%

Input

—

Feedback

live components
Progress

Syncing 38%

Notification

New kit version
Prism 3.1 adds nine components and a dark surface.

Player

Ambient — Prism

Surfaces

glass, frost, tint
◐

Prism

Blurred, saturated, with a hairline gradient border and a top inner highlight. The default surface.

◑

Tint

The same rules with a colour wash, for surfaces that should read as their own material.

◒

Frost

Reduced blur and a flatter fill, for dense panels where the background should stay legible.

Segments

single select
All
Surfaces
Controls
Feedback
Motion