Foundations: Shadows
Elevation tokens for depth and visual hierarchy. More shadow tokens exist in Figma — this page is WIP and will be updated to map 1:1.
Preview
Name
Usage
Extra Small
shadow-xsCards, subtle buttons
Small
shadow-smCards, subtle buttons
Medium
shadow-mdTooltips, toasts, dropdowns
Large
shadow-lgPopovers, menus, floating panels
Extra Large
shadow-xlModals, dialogs
Extra Extra Large
shadow-2xlCritical alerts, emergency notifications
PreviousIcons
NextGuidelines
© 2026 Rogo Technologies Inc.