Kaharagia Design System
Official design guidance for government websites and digital services for the Principality of Kaharagia.
Getting Started
Learn how to start using the design system in your projects. Installation, setup, and quick reference.
Get Started →Foundations
Core design elements: colours, typography, spacing, icons, and layout principles.
View Foundations →Components
Buttons, forms, cards, navigation, and other reusable UI components with code examples.
Browse Components →Patterns
Common page layouts, form patterns, error handling, and best practices for government services.
Explore Patterns →Key Principles
Accessibility First
All components meet WCAG 2.1 AA standards for inclusive design.
Consistent Branding
Kaharagian Red and Gold throughout, with sharp authoritative design.
Mobile Responsive
Designs work seamlessly across all screen sizes and devices.
Clear Focus States
Yellow background with black outline for keyboard navigation.