Type

14 primitives, 14 used.

`font.size`

Primitive	Value	Sample	Used by
`font.size.14`	0.875rem (14px)	Aa	`type.caption.font-size` (semantic)
`font.size.15`	0.9375rem (15px)	Aa	`type.label.font-size` (semantic)
`font.size.17`	1.0625rem (17px)	Aa	`type.body.font-size` (semantic) `type.data.font-size` (semantic)
`font.size.28`	1.75rem (28px)	Aa	`type.heading.font-size` (semantic)
`font.size.40`	2.5rem (40px)	Aa	`type.title.font-size` (semantic)
`font.size.56`	3.5rem (56px)	Aa	`type.display.font-size` (semantic)

Primitive	Value	Sample	Used by
`font.weight.400`	400	Aa	`type.body.font-weight` (semantic) `type.caption.font-weight` (semantic) `type.data.font-weight` (semantic)
`font.weight.700`	700	Aa	`type.heading.font-weight` (semantic) `type.label.font-weight` (semantic)
`font.weight.800`	800	Aa	`type.display.font-weight` (semantic) `type.title.font-weight` (semantic)

Primitive	Value	Sample	Used by
`font.line-height.1_1`	1.1	Ag Ag Ag	`type.title.line-height` (semantic) `type.heading.line-height` (semantic) `type.label.line-height` (semantic)
`font.line-height.1_55`	1.55	Ag Ag Ag	`type.body.line-height` (semantic) `type.caption.line-height` (semantic) `type.data.line-height` (semantic)
`font.line-height.1_8`	1.8	Ag Ag Ag	`type.display.line-height` (semantic)

Aafont.family.bricolage-grotesque

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm
0123456789 · & ? !

Bold700800800

Read by type.display.font-family type.title.font-family type.heading.font-family

"Bricolage Grotesque", system-ui, sans-serif

Aafont.family.dm-sans

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm
0123456789 · & ? !

Regular400Bold700

Read by type.body.font-family type.label.font-family type.caption.font-family type.data.font-family

"DM Sans", system-ui, sans-serif

Primitive	Value	Sample	Used by
`font.family.bricolage-grotesque`	"Bricolage Grotesque", system-ui, sans-serif	Aa 123	`type.display.font-family` (every mode) `type.title.font-family` (every mode) `type.heading.font-family` (every mode)
`font.family.dm-sans`	"DM Sans", system-ui, sans-serif	Aa 123	`type.body.font-family` (every mode) `type.label.font-family` (every mode) `type.caption.font-family` (every mode) `type.data.font-family` (every mode)