colorize
Use color to clarify actions, states, and the design’s character.
On this page 3 sections
Use colorize when a page feels flat or color could make its structure easier to understand. Impeccable gives color a clear job, such as marking a selection, separating states, or strengthening an established visual direction.
Try it
/impeccable colorize the publishing dashboard. Make published items easier to spot and keep our existing brand colors.Name the target and any colors or meanings that must stay. Impeccable reads the project’s design context, tokens, and existing screens before choosing a treatment.
How it works
Impeccable decides where color will help, then applies it consistently:
- Hierarchy and atmosphere: give color to the content, action, or region that should lead.
- State and meaning: distinguish selection, success, warnings, and other states using the product’s conventions.
- System consistency: reuse established brand colors and roles across components and themes.
- Accessibility: check contrast and keep labels, shapes, or other cues alongside color.
Existing color commitments come first. Impeccable asks if an important brand choice is unclear. It works in the project’s current color system; it doesn’t need to replace the palette or tint every neutral surface.
Check the result
Can you find the intended action or state more easily? Check text and controls against their backgrounds, including hover, focus, errors, and any supported themes. Make sure the page remains understandable without relying on color alone.
Use quieter to reduce competing accents or typeset when text hierarchy needs more work.