Hierarchy-based color palette design - "500" (the one in the center) is the base color for primary and secondary.
This paragraph is typed with body text XL font styling. This paragraph is typed with body text XL font styling.This paragraph is typed with body text XL font styling.
This paragraph is typed with body text L font styling. This paragraph is typed with body text L font styling. This paragraph is typed with body text L font styling.
This paragraph is typed with body text M font styling. This paragraph is typed with body text M font styling. This paragraph is typed with body text M font styling.
This paragraph is typed with body text S font styling. This paragraph is typed with body text S font styling. This paragraph is typed with body text S font styling. This paragraph is typed with body text S font styling. This paragraph is typed with body text S font styling. This paragraph is typed with body text S font styling.
This paragraph is typed with body text XS font styling. This paragraph is typed with body text XS font styling. This paragraph is typed with body text XS font styling. This paragraph is typed with body text XS font styling. This paragraph is typed with body text XS font styling. This paragraph is typed with body text XS font styling. This paragraph is typed with body text XS font styling.
This paragraph is typed with body text XXS font sizing. This paragraph is typed with body text XXS font sizing. This paragraph is typed with body text XXS font sizing. This paragraph is typed with body text XXS font sizing. This paragraph is typed with body text XXS font sizing. This paragraph is typed with body text XXS font sizing. This paragraph is typed with body text XXS font sizing. This paragraph is typed with body text XXS font sizing.