Color Palette

Primary Colors

Primary 25

Primary 50

Primary 100

Primary 200

Primary 300

Primary 400

Primary 500

Primary 600

Primary 700

Primary 800

Primary 900

Orange Colors

Orange 25

Orange 50

Orange 100

Orange 200

Orange 300

Orange 400

Orange 500

Orange 600

Orange 700

Orange 800

Orange 900

Yellow Colors

Yellow 25

Yellow 50

Yellow 100

Yellow 200

Yellow 300

Yellow 400

Yellow 500

Yellow 600

Yellow 700

Yellow 800

Yellow 900

Gray Colors

Gray 25

Gray 50

Gray 100

Gray 200

Gray 300

Gray 400

Gray 500

Gray 600

Gray 700

Gray 800

Gray 900

Heading Typography

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 Typography

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
theme & components