Fonts

Families

Format: .font-{name}

CSS: font-family

Defaults:

sans-serif: "system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif"
serif: "Georgia, Cambria, 'Times New Roman', Times, serif"
mono: "Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace"

Weights

Format: .font-{name}

CSS: font-weight

Defaults:

hairline: 100
thin: 200
light: 300
regular: 400
medium: 500
semibold: 600
bold: 700
heavy: 800
black: 900

Sizes

Format: .font-{size}

CSS: font-size

Defaults:

xs: 0.75
sm: 0.875
base: 1
md: 1.125
lg: 1.25
xl: 1.5
2xl: 1.875
3xl: 2.25

Colors

Format:

.font-{name};
.font-{name}-{shade};

CSS: color

Defaults: see Colors