Design system inspiration series: Shopify Polaris
🌱 seed (?)
On This Page
They have three DS repositories:
- https://github.com/Shopify/polaris-tokens (colours only)
- https://github.com/Shopify/polaris-react
- https://github.com/Shopify/polaris (the most recent?)
Typography design tokens
- Design tokens are in JS formats
- What parts are specified?
- typefaces/fonts
- fontSizes —
xs: '0.75rem'etc - fontWeights —
regular: '400' - lineHeights —
xs: '1rem'
- ?? Idk where the styles in https://polaris.shopify.com/design/typography#section-font-sizes (
PageHeading,Subheading, etc) are defined. It seems to be from a separate repo.