Other brand palette values

The palette includes all the design tokens used in the Allium design system.

Border

Tokens that define the width of borders.

border1

border2

border3

border4

none

Radius

Tokens that define border corner radii.

none

pill32

radius1

radius12

radius4

radius6

radius8

Shadows

Tokens that define the parameters require to imply elevation in UI's.

elevation1

elevation2

elevation3

surfaceEmboss

surfaceInset

surfaceRaised

Gradients

Tokens that define gradients used in background fills.

base

brand

green

neutral

purple

Motion

Currently only two durations are provided for animation. Use the slightly longer palette.duration.duration300 for opening animations, and the slightly shorter palette.duration.duration250 for closing.