FOUNDATION
Elevation
Shadows add depth by giving the appearance of distance, or elevation, between surfaces. The distance, measured along the z-axis determines the cast of the shadow.
Elevation styles are used to create separation between surfaces. Eight elevation styles are available in a range of depths.
Some elevation styles are used on specific components within the Goldman Sachs Design System.
| Depth Level | Uses |
|---|---|
| Elevation 00 | Background |
| Elevation 01 | Panels, Cards Minimal |
| Elevation 02 | Panels, Cards Subtle |
| Elevation 03 | No Specific Use |
| Elevation 04 | Panels, Navigation Bars, Cards Bold |
| Elevation 05 | Menus, Date Picker |
| Elevation 06 | Modals |
| Elevation 07 | No Specific Use |
| Elevation 08 | No Specific Use |
Panels, Cards Minimal
Panels, Cards Subtle
Panels, Navigation Bars, Cards Bold
Don't use excessively large shadows in very dense areas. Reserve for more singular uses, like a Modal.
Don't mix shadows on like items.
Don't use too many shadows as it will create a confusing hierarchy.
CONTENTS