- ridge: components with a 'bubbly' appearance. placed on top of the base surface.
- well: components that appear inset. placed on top of the base surface
- raised: special for buttons since their complex styling (for the "press") doesn't have a natural fit compared to ridge components
- surface colors are limited to a global scope for cohesivness
18 22 26 30 34 38