Style System Preview
Isaac Alvarez
This page demonstrates your imported CSS primitives, layout utilities, and component-level styles in a single place.
Interactive Primitives
Text link example: Read more about this approach
Form Primitives
We will never share your email.
Success state preview
Error state preview
Content and Disclosure Styles
Rich text area styles are active. This includes spacing, heading rhythm, links, and list styling.
- Consistent spacing tokens
- Readable line-height defaults
- Semantic typography scale
What this preview is for
Use this page as a visual checklist while migrating components to React. As you build wrappers, swap static previews for live components.