Font

Font family

List of design token names, values and metadata for font-family

Name	Value
font-family-sans deprecated	'Helvetica Neue', 'Helvetica', 'Liberation Sans', 'Arial', sans-serif The quick brown fox jumps over the lazy dog. Sometimes twice, sometimes three times. Defined in src/application.json Refers to font-family.sans.50 Deprecated: Use `font-family-sans--fallback` instead. See T247166. (use `font-family-sans-50` instead)
font-family-serif	'Linux Libertine', 'Georgia', 'Times', 'Source Serif Pro', serif The quick brown fox jumps over the lazy dog. Sometimes twice, sometimes three times. Defined in src/application.json Refers to font-family.serif.100
font-family-monospace	'Menlo', 'Consolas', 'Liberation Mono', 'Fira Code', 'Courier New', monospace The quick brown fox jumps over the lazy dog. Sometimes twice, sometimes three times. Defined in src/application.json Refers to font-family.monospace.100
font-family-base	sans-serif The quick brown fox jumps over the lazy dog. Sometimes twice, sometimes three times. Defined in src/application.json Refers to font-family.sans.10 Reference Vector's default fallback sans instead of the deprecated value `font-family-sans` in WikimediaUI Base.
font-family-system-sans	-apple-system, 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Inter', 'Helvetica', 'Arial', sans-serif The quick brown fox jumps over the lazy dog. Sometimes twice, sometimes three times. Defined in src/application.json Refers to font-family.sans.100
font-family-sans--fallback	sans-serif The quick brown fox jumps over the lazy dog. Sometimes twice, sometimes three times. Defined in src/application.json Refers to font-family.sans.10
font-family-serif--fallback	serif The quick brown fox jumps over the lazy dog. Sometimes twice, sometimes three times. Defined in src/application.json Refers to font-family.serif.10
font-family-monospace--fallback	monospace, monospace The quick brown fox jumps over the lazy dog. Sometimes twice, sometimes three times. Defined in src/application.json Refers to font-family.monospace.10
font-family-heading-main	'Linux Libertine', 'Georgia', 'Times', 'Source Serif Pro', serif The quick brown fox jumps over the lazy dog. Sometimes twice, sometimes three times. Defined in src/components.json Refers to font-family.serif.100 Legacy value from WikimediaUI Base. Use for first heading special treatment.

Font size

List of design token names, values and metadata for font-size

Name	Value
font-size-x-small	0.75rem The quick brown fox jumps over the lazy dog. Sometimes twice, sometimes three times. Defined in src/application.json Refers to font-size.75 `x` stands for extra. In this case extra small.
font-size-small	0.875rem The quick brown fox jumps over the lazy dog. Sometimes twice, sometimes three times. Defined in src/application.json Refers to font-size.90
font-size-medium	1rem The quick brown fox jumps over the lazy dog. Sometimes twice, sometimes three times. Defined in src/application.json Refers to font-size.100
font-size-large	1.125rem The quick brown fox jumps over the lazy dog. Sometimes twice, sometimes three times. Defined in src/application.json Refers to font-size.110
font-size-x-large	1.25rem The quick brown fox jumps over the lazy dog. Sometimes twice, sometimes three times. Defined in src/application.json Refers to font-size.125
font-size-xx-large	1.5rem The quick brown fox jumps over the lazy dog. Sometimes twice, sometimes three times. Defined in src/application.json Refers to font-size.150
font-size-xxx-large	1.75rem The quick brown fox jumps over the lazy dog. Sometimes twice, sometimes three times. Defined in src/application.json Refers to font-size.175

Font weight

List of design token names, values and metadata for font-weight

Name	Value
font-weight-hairline	100 The quick brown fox jumps over the lazy dog. Sometimes twice, sometimes three times. Defined in src/application.json Refers to font-weight.25
font-weight-light	300 The quick brown fox jumps over the lazy dog. Sometimes twice, sometimes three times. Defined in src/application.json Refers to font-weight.75
font-weight-normal	400 The quick brown fox jumps over the lazy dog. Sometimes twice, sometimes three times. Defined in src/application.json Refers to font-weight.100
font-weight-semi-bold	600 The quick brown fox jumps over the lazy dog. Sometimes twice, sometimes three times. Defined in src/application.json Refers to font-weight.150
font-weight-bold	700 The quick brown fox jumps over the lazy dog. Sometimes twice, sometimes three times. Defined in src/application.json Refers to font-weight.175

Line height

List of design token names, values and metadata for line-height

Name	Value
line-height-xxx-small	1.25 The quick brown fox jumps over the lazy dog. Sometimes twice, sometimes three times. Defined in src/application.json Refers to line-height.60 `x` stands for extra. In this case extra-extra-extra small.
line-height-xx-small	1.375 The quick brown fox jumps over the lazy dog. Sometimes twice, sometimes three times. Defined in src/application.json Refers to line-height.70
line-height-x-small deprecated	1.4285714 The quick brown fox jumps over the lazy dog. Sometimes twice, sometimes three times. Defined in src/application.json Refers to line-height.80 Deprecated: Legacy line-height. Use `line-height-small` instead. (use `line-height-80` instead)
line-height-small	1.5714285 The quick brown fox jumps over the lazy dog. Sometimes twice, sometimes three times. Defined in src/application.json Refers to line-height.90
line-height-medium	1.6 The quick brown fox jumps over the lazy dog. Sometimes twice, sometimes three times. Defined in src/application.json Refers to line-height.100

Text decoration

List of design token names, values and metadata for text-decoration

Name	Value
text-decoration-none	none The quick brown fox jumps over the lazy dog. Sometimes twice, sometimes three times. Defined in src/application.json Refers to text-decoration.0
text-decoration-line-through	line-through The quick brown fox jumps over the lazy dog. Sometimes twice, sometimes three times. Defined in src/application.json Refers to text-decoration.150
text-decoration-underline	underline The quick brown fox jumps over the lazy dog. Sometimes twice, sometimes three times. Defined in src/application.json Refers to text-decoration.200

Text overflow

List of design token names, values and metadata for text-overflow

Name	Value
text-overflow-clip	clip The quick brown fox jumps over the lazy dog. Sometimes twice, sometimes three times. Defined in src/application.json Refers to text-overflow.100
text-overflow-ellipsis	ellipsis The quick brown fox jumps over the lazy dog. Sometimes twice, sometimes three times. Defined in src/application.json Refers to text-overflow.200