Getting started
Adding Palette
To bring Palette into your app, install it as a package:
$ yarn add @artsy/palette
And at the root of your component tree instantiate <GlobalStyles /> and add the <Theme> provider:
import { Theme, injectGlobalStyles } from "@artsy/palette"

const { GlobalStyles } = injectGlobalStyles(`
  // overrides and additions
`)

const App = props => {
  return (
    <Theme>      
      <>
        <GlobalStyles />
        ...
      </>
    </Theme>
  )
}
From there you should be able to access the values from Palette's Theme.tsx file:
import { BorderBox, Flex, Sans, Serif } from '@artsy/palette

const Artworks = props => {
  return (
    <Flex>
      <BorderBox p={2}>
        <Sans size='3t'>
          Image
        </Sans>
      </BorderBox>

      <BorderBox ml={2}>
        <Serif size='4'>
          Details
        </Serif>
      </BorderBox>
    </Flex>
  )
}