Design Tokens for the Unify Design System
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
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 /
}
``