Surfaces contain content. They provide clear focal points within the user's field of view, which can contain content or actions.

![Design elements should be anchored to the bottom of the frame.](https://developer.android.com/static/images/design/ui/glasses/guides/glasses_styles_surface_depth.png)

## Depth creates a sense of comfort and hierarchy

Depth on glasses is the combination of placement in z-space and shadows to establish a sense of hierarchy through varying levels of emphasis.

<br />

![Design elements should be anchored to the bottom of the frame.](https://developer.android.com/static/images/design/ui/glasses/guides/glasses_styles_surface_colors.png)  

#### Use surface color variants to emphasize depth

Use surface color variants like Surface Container Low to create a more contrasting effect for depth. Shadows need to be fully opaque black to achieve effect.

<br />

<br />

![Design elements should be anchored to the bottom of the frame.](https://developer.android.com/static/images/design/ui/glasses/guides/glasses_styles_surfaces.png)  
Surfaces should always be transparent to maximize contrast in most environments.

<br />

![](https://developer.android.com/static/images/design/ui/glasses/guides/glasses_styles_color_screen_do.png)  
check_circle

### Do

Make sure to set blend mode to screen to preview how UI surfaces will display on transparent displays.  
![](https://developer.android.com/static/images/design/ui/glasses/guides/glasses_styles_color_screen_dont.png)  
cancel

### Don't

Use normal blend mode while designing as it will not give a realistic perception.