This section showcases the reusable UI components and design system tokens. Explore each section to understand the visual language and implementation patterns.
Color palette and design tokens for consistent theming
Text styles, font sizes, and typographic hierarchy
Spacing tokens and layout guidelines
Button variants, sizes, and interactive states
Form inputs, text fields, and input components
Card components and content containers
Label components and text indicators
Our design system is built on LiftKit principles with a focus on consistency, accessibility, and maintainability. All components use CSS custom properties for theming and follow a systematic approach to spacing, typography, and color.
The system supports both light and dark themes, though the current implementation primarily showcases the light theme. All spacing uses golden ratio-based scaling for harmonious proportions.