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.
|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 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.