Typography
A unified system of type scales, sizes, and styles for building consistent interfaces.
Installation
npm install @rds/typography
Hero Text
Large display typography for page introductions and hero sections.
Build with Confidence
A consistent typography system for your design system.
Headings
Scalable heading styles (H1–H6) for hierarchy and structure.
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Body Text
Default body sizes for paragraphs, descriptions, and details.
Body text (base). This is the standard size for paragraphs.
Small text. Often used for secondary content or details.
Large text. Great for short descriptions or highlights.
Caption & Muted
Smaller, muted text for labels, hints, or captions.
Muted or caption text. Useful for hints, notes, or labels.