@artsy/palette-tokens

The design tokens for Artsy's palette

Usage no npm install needed!

<script type="module">
  import artsyPaletteTokens from 'https://cdn.skypack.dev/@artsy/palette-tokens';
</script>

README

palette-tokens

The design tokens that power Artsy's Palette.

:warning: This package isn't intended to be consumed directly, but rather included as a transitive dependency of palette. :warning:

Usage

In the main theme file for a Palette implementation:

import tokens from "@artsy/palette-tokens"
import { fontFamily } from "./platform/fonts"

/**
 * This is required only in consuming versions of palette to keep
 * the existing api the same. If you're using the tokens as a standalone
 * you may not necessarily need to include this export statement.
 */
export * from "@artsy/palette-tokens";

/**
 * Any platform specific tokens can be included in the final `themeConfig` as
 * shown.
 */
export const themeConfig = {
  ...tokens,
  fontFamily
}

License

MIT License. See LICENSE.

About Artsy

This project is the work of engineers at Artsy, the world's leading and largest online art marketplace and platform for discovering art. One of our core Engineering Principles is being Open Source by Default which means we strive to share as many details of our work as possible.

You can learn more about this work from our blog and by following @ArtsyOpenSource or explore our public data by checking out our API. If you're interested in a career at Artsy, read through our job postings!