<?xml version="1.0" encoding="utf-8"?>
Tone
Exercise

Tone

Lightbox
Exercise

Lightbox

Shadow spread
Exercise

Shadow spread

Shadow stacking
Exercise

Shadow stacking

Shadow elevation
Exercise

Shadow elevation

Shadow grouping
Exercise

Shadow grouping

Shadow opacity
Exercise

Shadow opacity

Shadows
Exercise

Shadows

Shadow
Exercise

Shadow

Dragged state
Exercise

Dragged state

Inner shadow
Exercise

Inner shadow

Soft shadow
Exercise

Soft shadow

Shadow blur
Exercise

Shadow blur

Hard shadow
Exercise

Hard shadow

Contrast
Exercise

Contrast

Blur
Exercise

Blur

Subtlety
Exercise

Subtlety

Background
Exercise

Background

Subtlety
Exercise

Subtlety

Gradient
Exercise

Gradient

Shadow
Exercise

Shadow

Opacity
Exercise

Opacity

Inner shadow
Exercise

Inner shadow

Drop shadow
Exercise

Drop shadow

Background blur
Exercise

Background blur

Shadow spread
Exercise

Shadow spread

Z-fighting
Exercise

Z-fighting

Bevel
Exercise

Bevel

Layer blur
Exercise

Layer blur

Front-facing
Exercise

Front-facing

Shadow offsets
Exercise

Shadow offsets

Shadows and blurs
Exercise

Shadows and blurs

Vibrancy and materials
Exercise

Vibrancy and materials

Blur effects
Exercise

Blur effects

Light mode layers
Exercise

Light mode layers

Material and lighting effects
Exercise

Material and lighting effects

Exercise

Field of view and depth

Understanding what elevation communicates
Exercise

Understanding what elevation communicates

Breaking down the anatomy of shadows
Exercise

Breaking down the anatomy of shadows

Shadow color and theme behavior
Exercise

Shadow color and theme behavior

Light direction and consistent shadow placement
Exercise

Light direction and consistent shadow placement

Designing elevation with accessibility in mind
Exercise

Designing elevation with accessibility in mind

Building a clear elevation scale in Figma
Exercise

Building a clear elevation scale in Figma

Exercise

Using elevation to guide user focus