Preset Tokens

Create your own preset by tweaking the tokens below, and preview your changes using our demo components created with Ark UI.

🚧 This section is a work in progress. More customization options are coming soon 🚧.

Radius tokens are used to define the border radius of elements.

Shadow tokens are used to define a predefined set of shadow styles.

Blur tokens are used to define a predefined set of blur styles.

Opacity tokens are used to define a predefined set of opacity values.

Gradient tokens are used to define a predefined set of gradient background images.

Edit the border tokens below to customize the border widths, and predefined sets.

Edit the typography tokens below to customize the fonts used in your design: family, size, line heights, spacing, weights, etc.