Skip to main content

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.