Loadingโฆ
Loadingโฆ
Before a palette gets used across a hundred components and becomes permanent.
Audit this colour palette for real-world use. 1. For each foreground and background pairing we actually use, give the contrast ratio and whether it passes for body text, large text, and non-text elements such as icons and borders. 2. Flag pairings that only pass at large sizes, and say where they must therefore never be used. 3. Check states: hover, focus ring, disabled, selected, error. Disabled text still has to be readable enough to be understood. 4. Check colour as the sole carrier of meaning: status dots, chart series, required fields, links inside body text. 5. Consider the common colour vision deficiencies and say which pairs collapse. 6. Repeat for dark mode if we have one. Give replacement values for anything failing, holding the hue so the brand still looks like itself. Palette:
Critique and review. Passes over a finished screen: design critique, heuristics, accessibility and contrast checks.
Promptory saves prompts with a right-click and puts them back the same way. Add this to your own library in one click.
Add to your browser โ free