Poutine Tokens

Poutine tokens contains all of the design tokens for building interfaces at Gr4vy. These are platform agnostic and exported to common formats, e.g. SCSS variables, CSS, JSON and ES6.

Get Started

$3

``sh
yarn add @gr4vy/poutine-tokens
`

$3

`ts
import { ColorPositive60 } from '@gr4vy/poutine-tokens/js/tokens'

console.log(${ColorPositive60} sparks joy 🎉)
`

$3

`ts
import tokens from '@gr4vy/poutine-tokens/json/tokens.json'

console.log(${tokens.color.positive[80]} sparks joy 🎉)
`

$3

`scss
@use '@gr4vy/poutine-tokens/scss/_variables.scss' as *;

.error {
background-color: $color-negative-60;
}
``