Design Tokens Generator - design-tokens.dev

:root { - design tokens: 👑😈🎨👽; }

Pal🎨tte

Primary


    
  
--awsm-design-tokens: wait a bit;
--awsm-design-tokens-ske: application;
--awsm-design-tokens-le: is being;
--awsm-design-tokens-ton: loaded;

Secondary


    
  
--awsm-design-tokens: wait a bit;
--awsm-design-tokens-ske: application;
--awsm-design-tokens-le: is being;
--awsm-design-tokens-ton: loaded;

Accent


    
  
--awsm-design-tokens: wait a bit;
--awsm-design-tokens-ske: application;
--awsm-design-tokens-le: is being;
--awsm-design-tokens-ton: loaded;

Utility-Info


    
  
--awsm-design-tokens: wait a bit;
--awsm-design-tokens-ske: application;
--awsm-design-tokens-le: is being;
--awsm-design-tokens-ton: loaded;

Utility-Safe


    
  
--awsm-design-tokens: wait a bit;
--awsm-design-tokens-ske: application;
--awsm-design-tokens-le: is being;
--awsm-design-tokens-ton: loaded;

Utility-Warning


    
  
--awsm-design-tokens: wait a bit;
--awsm-design-tokens-ske: application;
--awsm-design-tokens-le: is being;
--awsm-design-tokens-ton: loaded;

Utility-Alert


    
  
--awsm-design-tokens: wait a bit;
--awsm-design-tokens-ske: application;
--awsm-design-tokens-le: is being;
--awsm-design-tokens-ton: loaded;

Gamma


    
  
--awsm-design-tokens: wait a bit;
--awsm-design-tokens-ske: application;
--awsm-design-tokens-le: is being;
--awsm-design-tokens-ton: loaded;

Base


    
  
--awsm-design-tokens: wait a bit;
--awsm-design-tokens-ske: application;
--awsm-design-tokens-le: is being;
--awsm-design-tokens-ton: loaded;

Contrast


    
  
--awsm-design-tokens: wait a bit;
--awsm-design-tokens-ske: application;
--awsm-design-tokens-le: is being;
--awsm-design-tokens-ton: loaded;

Text


    
  
--awsm-design-tokens: wait a bit;
--awsm-design-tokens-ske: application;
--awsm-design-tokens-le: is being;
--awsm-design-tokens-ton: loaded;

C👑ntent

Font-Size


    
  
--awsm-design-tokens: wait a bit;
--awsm-design-tokens-ske: application;
--awsm-design-tokens-le: is being;
--awsm-design-tokens-ton: loaded;

Line-Height


    
  
--awsm-design-tokens: wait a bit;
--awsm-design-tokens-ske: application;
--awsm-design-tokens-le: is being;
--awsm-design-tokens-ton: loaded;

Icon-Size


    
  
--awsm-design-tokens: wait a bit;
--awsm-design-tokens-ske: application;
--awsm-design-tokens-le: is being;
--awsm-design-tokens-ton: loaded;

Sp👽ce

Spacing


    
  
--awsm-design-tokens: wait a bit;
--awsm-design-tokens-ske: application;
--awsm-design-tokens-le: is being;
--awsm-design-tokens-ton: loaded;

Local


    
  
--awsm-design-tokens: wait a bit;
--awsm-design-tokens-ske: application;
--awsm-design-tokens-le: is being;
--awsm-design-tokens-ton: loaded;

Det😈ils

Radius


    
  
--awsm-design-tokens: wait a bit;
--awsm-design-tokens-ske: application;
--awsm-design-tokens-le: is being;
--awsm-design-tokens-ton: loaded;

Shadow


    
  
--awsm-design-tokens: wait a bit;
--awsm-design-tokens-ske: application;
--awsm-design-tokens-le: is being;
--awsm-design-tokens-ton: loaded;

Selection


    
  
--awsm-design-tokens: wait a bit;
--awsm-design-tokens-ske: application;
--awsm-design-tokens-le: is being;
--awsm-design-tokens-ton: loaded;

Duration


    
  
--awsm-design-tokens: wait a bit;
--awsm-design-tokens-ske: application;
--awsm-design-tokens-le: is being;
--awsm-design-tokens-ton: loaded;

C⚙️re

Root-Size


    
  
--awsm-design-tokens: wait a bit;
--awsm-design-tokens-ske: application;
--awsm-design-tokens-le: is being;
--awsm-design-tokens-ton: loaded;