Our palette is structured to support branding, system feedback, readability, and layout clarity.
Primary colors should be used prominently across buttons, highlights, and key brand elements.
Secondary colors provide flexibility and can be used to complement primary branding without overpowering it.
System alert colors convey real-time feedback and status indicators. Each variant supports visual communication of messages.
Neutral tones support legibility and are used across headings, body copy, and muted UI elements.
Base background colors provide structural balance and spacing for content layout.
Borders help separate components and define structure. These are subtle, low-opacity neutral colors.
Clear, readable, and scalable typography forms the backbone of all user interfaces.
A standardized set of interface elements designed for reusability and clarity.
