Typography

Search:

Typography	Config
heading.hero Primary heading for hero sections in pages with minimal content. Limited to 1 per page.	Font Size 32 px Font Family Inter Font Weight 500 Line Height 48
heading.page Page-level heading for standard layouts	Font Size 20 px Font Family Inter Font Weight 500 Line Height 32
heading.section Section divider heading that organizes content into logical groups. Multiple allowed per page.	Font Size 16 px Font Family Inter Font Weight 500 Line Height 24
title.sm Component-level titles for modal header	Font Size 14 px Font Family Inter Font Weight 500 Line Height 20
title.xs Default component-level titles for input label, table header, alert, banner & other interactive components.	Font Size 13 px Font Family Inter Font Weight 500 Line Height 16
title.2xs Component-level titles for space-limited elements. Used sparingly.	Font Size 12 px Font Family Inter Font Weight 500 Line Height 16
body.sm Large body text	Font Size 14 px Font Family Inter Font Weight 400 Line Height 20
body.sm (strong) Large body text that needs emphasized or inline link	Font Size 14 px Font Family Inter Font Weight 600 Line Height 20
body.xs Default body text in components, detailed or descriptive content	Font Size 13 px Font Family Inter Font Weight 400 Line Height 16
body.xs (strong) Default body text that needs emphasized or inline link	Font Size 13 px Font Family Inter Font Weight 600 Line Height 16
body.2xs Small body text that should be used sparingly for secondary level content	Font Size 12 px Font Family Inter Font Weight 400 Line Height 16
body.2xs (strong) Small body text that needs emphasized or inline link	Font Size 12 px Font Family Inter Font Weight 600 Line Height 16
description.xs	Font Size 13 px Font Family Inter Font Weight 400 Line Height 16
description.2xs	Font Size 12 px Font Family Inter Font Weight 400 Line Height 16
data.label Data label, title	Font Size 12 px Font Family Inter Font Weight 600 Line Height 16
data.number Tabular numbers with monospace to align vertically. Used in data tables.	Font Size 12 px Font Family Inter Font Weight 400 Line Height 16
code.xs For default text in code editor & code block	Font Size 13 px Font Family JetBrains Mono Font Weight 400 Line Height 16
code.xs (strong) For default text in code editor & code block that needs emphasized	Font Size 13 px Font Family JetBrains Mono Font Weight 500 Line Height 16
code.2xs For text in limited space in code block	Font Size 12 px Font Family JetBrains Mono Font Weight 400 Line Height 16
code.2xs (strong) For text in limited space in code block that needs emphasize	Font Size 12 px Font Family JetBrains Mono Font Weight 500 Line Height 16
button.sm For large button	Font Size 14 px Font Family Inter Font Weight 500 Line Height 20
button.xs For medium button (default)	Font Size 13 px Font Family Inter Font Weight 500 Line Height 16
button.2xs For small button	Font Size 12 px Font Family Inter Font Weight 500 Line Height 16