Design & UX21 categories
Check this palette for contrast and colour use
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:
Making it yours
- Paste your own material where the prompt asks for it. Everything above that line is instruction, not content.
- Delete any rule that does not apply to you. A shorter prompt that fits beats a thorough one that does not.
- If the answer comes back vague, add a line saying what you do not want. Constraints work better than encouragement.
Critique and review. Passes over a finished screen: design critique, heuristics, accessibility and contrast checks.
Related prompts
Critique this screen like a design leadBefore design review, when you want the criticism early and privately.Accessibility review of this interfaceAny screen going to real users, especially forms and custom controls.Run a heuristic evaluation on this interfaceYou need structured findings fast and there is no time for user testing.Is this clear without context?A screen that makes sense to you because you have been staring at it for a week.Quick accessibility checkA custom control you built yourself and have never tried without a mouse.What is confusing here?When something about a screen feels off and you cannot name it.
Keep this one
Phrasery 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