Design Tokens

◈ Meta

Name

Version

Author

Theme Mode

☀ Light ☾ Dark

◉ Colors

Primary

Secondary

Accent

Highlight

Background

Surface

Border

Neutral

Text

Primary

Secondary

Muted

On-Primary

Status

Success

Warning

Error

Info

▣ Gradients

Brand

From

To

°

Neon

From

To

°

Cyber

From

To

°

Aurora

From

To

°

Aa Typography

Primary Font

Secondary

Display

Font Sizes (px)

XS10

SM12

MD14

LG18

XL24

XXL32

Display48

⊞ Spacing & Radius

Spacing (px)

XS4

SM8

MD16

LG24

XL40

XXL64

Border Radius (px)

SM4

MD8

LG12

XL16

⬡ UI Components

Card

Radius12

Padding16

Button

Radius8

Input

Radius8

✦ Effects & Motion

Shadows

Intensity50

Blur100

Borders & Motion

Width1

Speed100

Density

Compact Comfy Spacious

⌗ Component Style

Button Shape

Sharp Rounded Pill

Card Elevation

Flat Low Medium High

Input Style

Outline Filled Underline