PRODUCTION READY
House-Style
Design System
A professional design system with 6 distinct colors, automated validation, and component patterns that rival Apple, Vercel, and Stripe.
6
Colors
7
Components
15
Patterns
100%
Compliance
Primary Color
Electric Lime
#CCFF00
oklch(0.931 0.229 123.11)
Global UI • Navigation • Footer • CTAs
Category Colors
AI
Intelligence & Future
#9945FF
oklch(0.598 0.257 298.86)
Code
Technical & Precise
#00CCFF
oklch(0.786 0.148 224.29)
Hardware
Energy & Power
#FF6600
oklch(0.696 0.204 43.48)
Art
Passion & Expression
#FF4444
oklch(0.664 0.223 25.72)
Design
Aesthetic & Refined
#FFB3D9
oklch(0.849 0.100 347.97)
Color Philosophy
- →Electric Lime: Reserved for global UI elements that appear on every page
- →Category Colors: Used exclusively for project-specific content and context
- →OKLCH Format: All colors available in OKLCH for depth system integration
- →Accessibility: WCAG AA compliant with proper contrast ratios
Ready to explore?
Dive into the test pages, read the documentation, or explore the source code.