Typography tokens
Typography tokens define the self-hosted font stacks and fluid type scale used by prose, navigation, tables, and interface labels.
font.display | --font-display | "RedHatDisplayVariable", "Red Hat Display", system-ui, sans-serif | "RedHatDisplayVariable", "Red Hat Display", system-ui, sans-serif | fontFamily | primitive | Display font stack for headings and strong brand moments. |
tracking.label | --tracking-label | 0.08em | 0.08em | dimension | semantic | Tracking for uppercase interface labels. |
type.label | --type-label | 0.68rem | 0.68rem | dimension | semantic | Compact uppercase interface label size. |
weight.400 | --weight-400 | 400 | 400 | fontWeight | scale | Regular weight in the variable type scale. |
font.sans | --font-sans | "RedHatTextVariable", "Red Hat Text", system-ui, sans-serif | "RedHatTextVariable", "Red Hat Text", system-ui, sans-serif | fontFamily | primitive | Sans-serif text stack for interface labels and supporting copy. |
tracking.metadata | --tracking-metadata | 0.1em | 0.1em | dimension | semantic | Tracking for compact metadata and table headings. |
type.label-wide | --type-label-wide | 0.72rem | 0.72rem | dimension | semantic | Compact interface label size at wider breakpoints. |
weight.500 | --weight-500 | 500 | 500 | fontWeight | scale | Medium weight in the variable type scale. |
font.serif | --font-serif | "SourceSerif4Variable", "Source Serif 4", "Iowan Old Style", Georgia, serif | "SourceSerif4Variable", "Source Serif 4", "Iowan Old Style", Georgia, serif | fontFamily | primitive | Serif text stack for long-form prose and editorial rhythm. |
type.table-label | --type-table-label | 0.66rem | 0.66rem | dimension | semantic | Dense table heading and label size. |
weight.560 | --weight-560 | 560 | 560 | fontWeight | scale | Text emphasis weight in the variable type scale. |
font.mono | --font-mono | "RedHatMonoVariable", "Red Hat Mono", ui-monospace, SFMono-Regular, Menlo, monospace | "RedHatMonoVariable", "Red Hat Mono", ui-monospace, SFMono-Regular, Menlo, monospace | fontFamily | primitive | Monospace stack for code, keyboard input, and technical identifiers. |
type.sidebar | --type-sidebar | 0.875rem | 0.875rem | dimension | semantic | Documentation sidebar text size. |
weight.600 | --weight-600 | 600 | 600 | fontWeight | scale | Semibold weight in the variable type scale. |
type.table | --type-table | 0.8125rem | 0.8125rem | dimension | semantic | Compact tabular content size. |
weight.620 | --weight-620 | 620 | 620 | fontWeight | scale | Strong text weight in the variable type scale. |
type.count | --type-count | 0.62em | 0.62em | dimension | semantic | Relative count and suffix size. |
weight.650 | --weight-650 | 650 | 650 | fontWeight | scale | Navigation text weight in the variable type scale. |
type.code | --type-code | 0.82rem | 0.82rem | dimension | semantic | Inline technical code label size. |
weight.700 | --weight-700 | 700 | 700 | fontWeight | scale | Bold interface-label weight in the variable type scale. |
weight.740 | --weight-740 | 740 | 740 | fontWeight | scale | Subheading weight in the variable type scale. |
weight.760 | --weight-760 | 760 | 760 | fontWeight | scale | Heading weight in the variable type scale. |
weight.780 | --weight-780 | 780 | 780 | fontWeight | scale | Strong heading weight in the variable type scale. |
step.-2 | --step--2 | clamp(0.7378rem, 0.7301rem + 0.0385vw, 0.76rem) | clamp(0.7378rem, 0.7301rem + 0.0385vw, 0.76rem) | dimension | scale | Smallest fluid type step for dense metadata. |
weight.800 | --weight-800 | 800 | 800 | fontWeight | scale | Heavy heading weight in the variable type scale. |
step.-1 | --step--1 | clamp(0.8854rem, 0.863rem + 0.1123vw, 0.95rem) | clamp(0.8854rem, 0.863rem + 0.1123vw, 0.95rem) | dimension | scale | Small fluid type step for captions and secondary labels. |
weight.820 | --weight-820 | 820 | 820 | fontWeight | scale | Display-heading weight in the variable type scale. |
step.0 | --step-0 | clamp(1.0625rem, 1.019rem + 0.2174vw, 1.1875rem) | clamp(1.0625rem, 1.019rem + 0.2174vw, 1.1875rem) | dimension | scale | Base fluid type step for body text. |
weight.850 | --weight-850 | 850 | 850 | fontWeight | scale | Hero display weight in the variable type scale. |
step.1 | --step-1 | clamp(1.275rem, 1.2022rem + 0.3641vw, 1.4844rem) | clamp(1.275rem, 1.2022rem + 0.3641vw, 1.4844rem) | dimension | scale | Moderate fluid type step for compact headings and lead text. |
weight.860 | --weight-860 | 860 | 860 | fontWeight | scale | Brand-mark weight in the variable type scale. |
step.2 | --step-2 | clamp(1.53rem, 1.4168rem + 0.566vw, 1.8555rem) | clamp(1.53rem, 1.4168rem + 0.566vw, 1.8555rem) | dimension | scale | Medium fluid type step for section headings. |
weight.900 | --weight-900 | 900 | 900 | fontWeight | scale | Maximum emphasis weight in the variable type scale. |
step.3 | --step-3 | clamp(1.836rem, 1.6679rem + 0.8406vw, 2.3193rem) | clamp(1.836rem, 1.6679rem + 0.8406vw, 2.3193rem) | dimension | scale | Large fluid type step for major page headings. |
step.4 | --step-4 | clamp(2.2032rem, 1.9611rem + 1.2104vw, 2.8992rem) | clamp(2.2032rem, 1.9611rem + 1.2104vw, 2.8992rem) | dimension | scale | Extra-large fluid type step for display headings. |
step.5 | --step-5 | clamp(2.6438rem, 2.3029rem + 1.7046vw, 3.624rem) | clamp(2.6438rem, 2.3029rem + 1.7046vw, 3.624rem) | dimension | scale | Oversized fluid type step for rare hero-scale moments. |
step.6 | --step-6 | clamp(3.1726rem, 2.7005rem + 2.3606vw, 4.53rem) | clamp(3.1726rem, 2.7005rem + 2.3606vw, 4.53rem) | dimension | scale | Largest fluid type step for exceptional display use. |