unify-token

Unify Token

Unify Token are collection of design token that can be used on web projects.

The tokens are consist of:

1. Color
2. Typography
3. Spacing
4. Grid
5. Motion

Installation

On your project folder,

npm install unify-token

Or for yarn

yarn add unify-token

Basic Usage

Regular Tokens

import { N0, N700 } from 'unify-token/build/v2/colors';

const youComponentStyle = {
  backgroundColor: ${N0},
  color: ${N700},
  /* Some additional styling */
}

Available tokens

• unify-token/build/v2/colors
• unify-token/build/v2/typographies
• unify-token/build/v2/spacings
• unify-token/build/v2/grids
• unify-token/build/v2/motions

Nest Tokens

import { NN950, NN0 } from 'unify-token/color';

const yourComponentStyle = {
  backgroundColor: ${NN0},
  color: ${NN950},
  /* Some additional styling */
}

Curently only color token that available with this import path format

Issues

If you find any issue or concern please mention us @unify-dev on Slack.