sanity-web-styles

Button

Sizes

Small button

Default button

Large button

Colors

Default buttons

Ghost buttons

Code

console.log('Hello, world!')

Code can also be rendered inline.

Input





Checkbox

Typography

Title 1

Title 2

Title 3

Large

Base

Small

Micro

Colors

Brand colors

  • --color-brand-primary

Color palette

  • --color-black
  • --color-gray
  • --color-light-gray
  • --color-white
  • --color-red
  • --color-light-red
  • --color-green
  • --color-light-green
  • --color-blue
  • --color-light-blue
  • --color-yellow
  • --color-light-yellow

Shadows

Depth 1
Depth 6
Depth 12
Depth 16
Depth 24