Dezkareid Design System
A multi-framework design system with design tokens, React components, and Storybook documentation — the foundation behind this portfolio.
Project Overview
This design system is the shared foundation for all my projects. It provides a centralized token pipeline (colors, spacing, typography) exported to CSS, SCSS, and JS, plus a multi-framework component library for React, Astro, and Vue.
Key Outcomes
- Single token pipeline: Style Dictionary transforms one token config into CSS, SCSS, and JS/ESM — consumed by every package in the monorepo.
- Multi-framework components: Button, Card, Tag, and ThemeToggle ship as React, Astro, and Vue variants from the same source.