Design System Components

Typography

This is base text content.

This is small muted text.

This is large semibold text.

This is accent colored text.

This is a default card with border.

Card content goes here. This is some example text to show how content appears in cards.

This card has a shadow for elevation.

This card demonstrates the elevated variant with shadow effects.

This card has a thicker border.

The outlined variant uses a thicker border for emphasis.

Container with default settings (xl max-width, medium padding)

Container with medium max-width

Container with large max-width and large padding