styles

Elevation

Elevation separates surfaces, so it's clear what sits on top and what can be interacted with.

  • Two levels: surface for cards resting on the page, and raised for things floating above it (dropdowns, sticky bars, hovered cards).
  • Prefer surface color changes (w-cultured, w-lavender) to separate areas. Shadows are for objects, not for sections.