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

### Nest Tokens
```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.