Elevation

Elevation levels are visual layers created with shadows and tints to convey depth, hierarchy, and focus within the interface.

Levels

Each elevation level is a combination of a Surface Variable and Shadow Style. Right click and select "Copy/Style" to use them until Framer introduces shadow variables.

Surface L0 with no shadow

Surface L1 with Shadow L1

Surface L2 with Shadow L2

Surface L3 with Shadow L3

Surface L4 with Shadow L4

Create a free website with Framer, the website builder loved by startups, designers and agencies.