Skip to main content

Shadow

Types​

Level 1​

Used for content with the lowest elevation.

Shadow1.svg

Shadow 1-2

  • X: 0
  • Y: 6
  • Blur: 24
  • Spread: 0
  • Color:#14000000 (8%)

Level 2​

Used to represent a higher elevation than Level 1.

Shadow2.svg

Shadow 1-1

  • X: 0
  • Y: 8
  • Blur: 32
  • Spread: 0
  • Color: #29000000 (16%)

Shadow 1-2

  • X: 0
  • Y: 2
  • Blur: 2
  • Spread: 0
  • Color: #14000000 (8%)

Level 3​

Used for content with the highest elevation.

Shadow3.svg

Shadow 1-1

  • X: 0
  • Y: 20
  • Blur: 40
  • Spread: 0
  • Color: #3D000000 (24%)

Shadow 1-2

  • X: 0
  • Y: 2
  • Blur: 4
  • Spread: 0
  • Color: #33000000 (20%)