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

$3

`javascript
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

$3


`javascript
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.