PolarisTokens
| Token name | Current value | Figma usage | Description | |
|---|---|---|---|---|
Commerce | --p-font-family-sans | -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif | Use typography styles from UI kit | — |
Commerce | --p-font-family-mono | ui-monospace, SFMono-Regular, 'SF Mono', Consolas, 'Liberation Mono', Menlo, monospace | Use typography styles from UI kit | — |
Aa | --p-font-size-75 | 0.75rem | Use typography styles from UI kit | — |
Aa | --p-font-size-100 | 0.875rem | Use typography styles from UI kit | — |
Aa | --p-font-size-200 | 1rem | Use typography styles from UI kit | — |
Aa | --p-font-size-300 | 1.25rem | Use typography styles from UI kit | — |
Aa | --p-font-size-400 | 1.5rem | Use typography styles from UI kit | — |
Aa | --p-font-size-500 | 1.75rem | Use typography styles from UI kit | — |
Aa | --p-font-size-600 | 2rem | Use typography styles from UI kit | — |
Aa | --p-font-size-700 | 2.5rem | Use typography styles from UI kit | — |
Aa | --p-font-weight-regular | 400 | Use typography styles from UI kit | — |
Aa | --p-font-weight-medium | 500 | Use typography styles from UI kit | — |
Aa | --p-font-weight-semibold | 600 | Use typography styles from UI kit | — |
Aa | --p-font-weight-bold | 700 | Use typography styles from UI kit | — |
Hello World | --p-font-line-height-1 | 1rem | Use typography styles from UI kit | — |
Hello World | --p-font-line-height-2 | 1.25rem | Use typography styles from UI kit | — |
Hello World | --p-font-line-height-3 | 1.5rem | Use typography styles from UI kit | — |
Hello World | --p-font-line-height-4 | 1.75rem | Use typography styles from UI kit | — |
Hello World | --p-font-line-height-5 | 2rem | Use typography styles from UI kit | — |
Hello World | --p-font-line-height-6 | 2.5rem | Use typography styles from UI kit | — |
Hello World | --p-font-line-height-7 | 3rem | Use typography styles from UI kit | — |