A state-of-the-art design system built for speed, performance, and premium aesthetics. Crafted with Tailwind CSS, Framer Motion, and Radix UI.
CSS Var
Primary
CSS Var
Secondary
CSS Var
Accent
CSS Var
Muted
CSS Var
Destructive
CSS Var
Card
Display - Outfit
The quick brown fox jumps.
Brand - Plus Jakarta Sans
The quick brown fox jumps over the lazy dog.
Sans - Inter/Standard
Visual consistency is achieved by using a limited set of typographic weights and scales. This ensures that the interface remains readable and aesthetically pleasing across all devices.
This design system is designed to be the single source of truth for the PKahfi platform. All components are production-ready and theme-aware.