Elevation

  • Geometry
  • tokens: 1

Four levels, and they are semantic rather than decorative: a shadow says what floats above what. A dropdown is above a card, a modal is above the page — the level follows the layer, not the taste of the moment.

Source: @feugene/granularity 3.7.2, tokens/*.json

On this page
  • Elevation is declared in each mode separately. A translucent dark shadow gives nothing on a dark background — the surface loses one of its two channels of lift, and the page reads as one flat sheet.

Elevation

TokenValue
--gr-shadow-0--gr-shadow-0none