var(--primary)
Primary
--primaryFoundation
Colors
Color tokens define the visual language of the design system and ensure consistency across every interface.
Palette
Brand Colors
Core colors that represent the En İyi Cihaz Design System.
Brand Palette
var(--primary-dark)
Primary Dark
--primary-darkvar(--primary-light)
Primary Light
--primary-lightUsage Guidelines
Use the correct color token for the appropriate purpose.
Do
- Use
--primaryfor primary actions. - Use semantic tokens instead of raw HEX values.
- Keep contrast accessible.
Don't
- Do not hard-code colors.
- Do not invent new blues for buttons.
- Avoid inconsistent branding.