Brand colour colliding with a system meaning
- Forbidden
- A red brand colour used for links and primary buttons, on an interface that also uses red for errors and destructive actions
- Instead
- Where the brand colour is red, amber or green, do not use it for interactive elements. Use
--color-text-strongfor links and buttons and keep the brand colour decorative.
What this rule looks like
Why this rule
One colour cannot mean both "act on this" and "something is wrong" without teaching the user that neither is reliable. The system colours have prior claim, because their meanings arrive with the user.
- Kind
- Rule
- Section
- Things to avoid
- Group
- States and interaction
- Bucket
- judgment
- Severity
- note
- Since
- v0.1.0