Tokens

Token nameCurrent valueFigma usageDescription
Commerce
--p-font-family-sans
-apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serifUse typography styles from UI kit
Commerce
--p-font-family-mono
ui-monospace, SFMono-Regular, 'SF Mono', Consolas, 'Liberation Mono', Menlo, monospaceUse typography styles from UI kit
Aa
--p-font-size-1
0.75remUse typography styles from UI kit
Aa
--p-font-size-2
0.8125remUse typography styles from UI kit
Aa
--p-font-size-3
0.875remUse typography styles from UI kit
Aa
--p-font-size-4
0.9375remUse typography styles from UI kit
Aa
--p-font-size-5
1remUse typography styles from UI kit
Aa
--p-font-size-6
1.0625remUse typography styles from UI kit
Aa
--p-font-size-7
1.25remUse typography styles from UI kit
Aa
--p-font-size-8
1.3125remUse typography styles from UI kit
Aa
--p-font-size-9
1.5remUse typography styles from UI kit
Aa
--p-font-size-10
1.625remUse typography styles from UI kit
Aa
--p-font-size-11
1.6875remUse typography styles from UI kit
Aa
--p-font-size-12
1.75remUse typography styles from UI kit
Aa
--p-font-size-13
2.625remUse typography styles from UI kit
Aa
--p-font-weight-regular
400Use typography styles from UI kit
Aa
--p-font-weight-medium
500Use typography styles from UI kit
Aa
--p-font-weight-semibold
600Use typography styles from UI kit
Aa
--p-font-weight-bold
700Use typography styles from UI kit
Hello
World
--p-line-height-1
1remUse typography styles from UI kit
Hello
World
--p-line-height-2
1.25remUse typography styles from UI kit
Hello
World
--p-line-height-3
1.5remUse typography styles from UI kit
Hello
World
--p-line-height-4
1.75remUse typography styles from UI kit
Hello
World
--p-line-height-5
2remUse typography styles from UI kit
Hello
World
--p-line-height-6
2.25remUse typography styles from UI kit
Hello
World
--p-line-height-7
2.75remUse typography styles from UI kit
👋

We've made some improvements to our website to help you build more efficiently with Polaris.