Showcasing the orange-themed design system with shadcn components.
Primary
Accent
Surface
Destructive
Primary text - This is the main content text color
Secondary text - Used for less important information
Destructive text - Used for error messages
This is a standard shadcn card component with consistent padding.
This card has a primary (orange) border using shadcn styling.
Orange Design System: Professional and modern design system using orange as the primary color. Built with shadcn/ui components for consistency and accessibility.
shadcn/ui Integration: All components use the shadcn/ui design system with semantic color tokens, ensuring consistent spacing, typography, and interaction patterns throughout the application.
The design system provides a cohesive visual language with proper dark mode support and accessibility features built-in.