Typography

Type scale and font styles used across the design system.

Heading 1

Heading 1text-4xl font-semibold tracking-tight lg:text-5xl

Heading 2text-3xl font-semibold tracking-tight

Heading 3text-2xl font-semibold tracking-tight

Heading 4text-xl font-semibold tracking-tight

Body text. The king thought long and hard, and finally came up with a brilliant plan: he would host a royal banquet.

Bodyleading-7

Muted text for secondary information.

Mutedtext-sm text-muted-foreground

Small text with medium weight.

Smalltext-sm font-medium