Card Title
Card content showing border, shadow, padding, and radius from your token configuration.
Preview
Theme Preview
Secondary Heading
Body text with bold emphasis,
italic text, inline code,
and hyperlinks.
The design tokens you configure on the left are applied to this
entire preview in real time.
A blockquote showing border accent and text styling.
Another Card
A second card for visual rhythm. Adjust shadow and border controls to see the difference.
Info: This notice adapts to your theme tokens automatically.
Success: Semantic status colors remain consistent across themes.
Accordion item
Expandable content area styled by your theme tokens.