Glimmer

Key Features

• •Dark surface system with depth shadows: Redefines black as a container to avoid halation while using dark, rich shadows to convey occlusion and hierarchy, providing a legible foundation for content on additive displays.
• •Visual angle typography with minimum 0.6 degrees: Text sizes are defined by visual angle instead of pixels, ensuring legibility at the display’s one-meter focal plane and remaining readable in various environments.
• •Optimized Google Sans Flex with optical sizing: Uses the optical size axis to increase letter spacing and enlarge counter openings, making characters more distinguishable at a glance without manual code adjustments.
• •Additive contrast ratio color system: Measures perceived brightness against the real-world background to ensure colors remain visible and vibrant, preventing colors from disappearing against bright skies or dark rooms.
• •Neutral desaturated palette: Default colors are close to white to maintain contrast and harmonize with diverse real-world backgrounds, with judicious use of saturated colors for attention.
• •Slow deliberate motion for notifications: Incoming content transitions over two seconds to gently draw the user’s attention from their periphery, respecting their focus rather than demanding it abruptly.
• •Responsive focus rings and highlights: Provides instant, low-latency feedback for user actions like voice or gesture input, confirming interactions while ambient motion remains respectful.

Use Cases

• •A hiker receives a text message notification that slowly fades into their lower field of view, allowing them to glance at it without losing focus on the trail ahead.
• •A driver uses navigation directions overlaid on the street with bold, legible typography that remains readable against changing backgrounds, reducing the need to look away from the road.
• •A birdwatcher activates an identification app that shows a small card with clear text and minimal color contrast, enabling quick recognition without distracting from the observation.
• •A user controls a music player with a volume slider that uses depth-shadowed surfaces, providing tactile-like feedback and clear readability while maintaining awareness of the environment.
• •A person receives a calendar reminder while walking in a busy area; the notification appears gently and disappears after reading, minimizing visual clutter and preserving situational awareness.
• •Someone uses a to-do list app with scrolling items and ephemeral scrims, allowing them to focus on one task at a time while the peripheral items gracefully fade out.

Who is this for?

UI/UX designers and developers who are building interfaces for AI glasses and other transparent display headsets, particularly those working within the Android XR ecosystem. This includes product designers, interaction designers, and prototypers seeking a ready-made design system that addresses the unique physics of additive displays. Also relevant to Android engineers using Jetpack Compose, XR researchers studying human-computer interaction, and teams at hardware companies developing AR/VR wearables. The system is especially valuable for professionals who want to create ambient, glanceable UIs that respect user attention and blend seamlessly with the real world, rather than demanding full engagement.