Primary 25
Primary 50
Primary 100
Primary 200
Primary 300
Primary 400
Primary 500
Primary 600
Primary 700
Primary 800
Primary 900
Orange 25
Orange 50
Orange 100
Orange 200
Orange 300
Orange 400
Orange 500
Orange 600
Orange 700
Orange 800
Orange 900
Yellow 25
Yellow 50
Yellow 100
Yellow 200
Yellow 300
Yellow 400
Yellow 500
Yellow 600
Yellow 700
Yellow 800
Yellow 900
Gray 25
Gray 50
Gray 100
Gray 200
Gray 300
Gray 400
Gray 500
Gray 600
Gray 700
Gray 800
Gray 900
Title XL - Extra Large Heading
.title_xl
Title LG - Large Heading
.title_lg
Title MD - Medium Heading
.title_md
Title Base - Base Heading
.title_base
Title SM - Small Heading
.title_sm
Title XS - Extra Small Heading
.title_xs
Body XL - Extra Large Body Text. This is used for important body content that needs emphasis while maintaining readability.
.body_xl
Body LG - Large Body Text. Perfect for introductory paragraphs and important content that should stand out.
.body_lg
Body MD - Medium Body Text. This is the standard body text size used throughout the application for regular content.
.body_md
Body SM - Small Body Text. Used for captions, footnotes, and secondary information.
.body_sm