Font

Font family

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

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

Font size

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

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

Font weight

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

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

Line height

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

Name	Value
line-height-xxx-small The quick brown fox jumps over the lazy dog. Sometimes twice, sometimes three times. `x` stands for extra. In this case extra-extra-extra small.	1.25 line-height.60
line-height-xx-small The quick brown fox jumps over the lazy dog. Sometimes twice, sometimes three times.	1.375 line-height.70
line-height-x-small deprecated The quick brown fox jumps over the lazy dog. Sometimes twice, sometimes three times.	1.4285714 line-height.80
line-height-small The quick brown fox jumps over the lazy dog. Sometimes twice, sometimes three times.	1.5714285 line-height.90
line-height-medium The quick brown fox jumps over the lazy dog. Sometimes twice, sometimes three times.	1.6 line-height.100

Text decoration

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

Name	Value
text-decoration-none The quick brown fox jumps over the lazy dog. Sometimes twice, sometimes three times.	none text-decoration.0
text-decoration-line-through The quick brown fox jumps over the lazy dog. Sometimes twice, sometimes three times.	line-through text-decoration.150
text-decoration-underline The quick brown fox jumps over the lazy dog. Sometimes twice, sometimes three times.	underline text-decoration.200

Text overflow

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

Name	Value
text-overflow-clip The quick brown fox jumps over the lazy dog. Sometimes twice, sometimes three times.	clip text-overflow.100
text-overflow-ellipsis The quick brown fox jumps over the lazy dog. Sometimes twice, sometimes three times.	ellipsis text-overflow.200