Typography

Typography tokens in our design system define the standard for text styles, ensuring consistency and readability across the interface. These tokens cover various aspects like font family, style, weight, size, line height, and letter spacing.

Category	Property	Large	Medium	Small
Display	Font Family	ty-ref-typeface-brand	ty-ref-typeface-brand	ty-ref-typeface-brand
	Font Style	Regular	Regular	Regular
	Font Weight	ty-ref-typeface-weight-regular	ty-ref-typeface-weight-regular	ty-ref-typeface-weight-regular
	Font Size	57px	45px	36px
	Line Height	64px	52px	44px
	Letter Spacing	-0.25px	0px	0px
Headline	Font Family	ty-ref-typeface-brand	ty-ref-typeface-brand	ty-ref-typeface-brand
	Font Style	Regular	Regular	Regular
	Font Weight	ty-ref-typeface-weight-regular	ty-ref-typeface-weight-regular	ty-ref-typeface-weight-regular
	Font Size	32px	28px	24px
	Line Height	40px	36px	32px
	Letter Spacing	0px	0px	0px
Body	Font Family	ty-ref-typeface-brand	ty-ref-typeface-brand	ty-ref-typeface-brand
	Font Style	Regular	Regular	Regular
	Font Weight	ty-ref-typeface-weight-regular	ty-ref-typeface-weight-regular	ty-ref-typeface-weight-regular
	Font Size	16px	14px	12px
	Line Height	24px	20px	16px
	Letter Spacing	0.5px	0.25px	0.4px
Label	Font Family	ty-ref-typeface-brand	ty-ref-typeface-brand	ty-ref-typeface-brand
	Font Style	Medium	Medium	Medium
	Font Weight	ty-ref-typeface-weight-medium	ty-ref-typeface-weight-medium	ty-ref-typeface-weight-medium
	Font Size	16px	14px	12px
	Line Height	20px	16px	16px
	Letter Spacing	0.1px	0.5px	0.5px
Title	Font Family	ty-ref-typeface-brand	ty-ref-typeface-brand	ty-ref-typeface-brand
	Font Style	Regular	Medium	Medium
	Font Weight	ty-ref-typeface-weight-regular	ty-ref-typeface-weight-medium	ty-ref-typeface-weight-medium
	Font Size	22px	16px	14px
	Line Height	28px	24px	20px
	Letter Spacing	0px	0.15px	0.1px