Glimmer is a design system built from scratch for transparent displays on AI glasses. It redefines UI physics and prioritizes glanceability, arm's-length focus, and ambient motion.

Jetpack Compose Glimmer is a design system built from scratch for transparent displays on AI glasses, part of Google's Android XR efforts. It targets designers and developers who need to create interfaces that layer gracefully onto the real world without distracting users. The core value is redefining UI physics to prioritize glanceability, arm's-length focus, and ambient motion, ensuring every element earns the user's moment of attention. Glimmer was developed after more than a decade of Google's research into transparent displays, learning that traditional design conventions like color, typography, and shadows behave counterintuitively on additive screens that can only add light, not create black.

The fundamental problem Glimmer solves is that existing design systems like Material Design fail on additive displays. Black appears as fully transparent, saturated colors vanish against bright skies, and bright surfaces cause halation—where light bleeds into adjacent areas and makes text illegible. Traditional shadows cannot convey depth because they rely on opacity that doesn't exist. Glimmer addresses these pain points by completely rethinking how color, typography, and motion function on see-through screens. It provides a coherent visual language that harmonizes with the ambient environment, so designers no longer have to guess what will be legible or comfortable in real-world conditions.

The color system is one of Glimmer's key features. Because additive displays cannot create opaque black, Glimmer redefines “black” as a dark surface that serves as a clean plate for content. All surfaces use dark tones, while text and icons are bright to maximize contrast. The palette is deliberately desaturated and neutral by default to avoid clashing with the colorful real world. Glimmer uses an additive contrast ratio formula that measures perceived brightness against the environment, ensuring content remains visible whether against a bright sky or a dark room. This approach prevents halation and saves battery by using less light.

Typography in Glimmer is measured in degrees of visual angle rather than pixels or points, because the interface appears at a perceived depth of one meter. The minimum readable size is 0.6 degrees, established with Google's vision-science team. Glimmer uses Google Sans Flex with its optical size axis to enlarge letter counters and increase spacing, making text more legible at a glance. For example, letters like 'a' and 'e' have larger openings, and dots on 'j' and 'i' are further from the letter body. These optimizations ensure text remains clear in most environments without requiring separate letter-spacing code.

Glimmer

Key Features

Use Cases

Who is this for?

Comments