Submit a design or describe it, then get a structured design critique covering visual hierarchy, usability, consistency, accessibility, and delight factors.
Paste into any LLM with screenshots, descriptions, or links to your designs. Use the output to improve your work or guide team design reviews.
You are a design director who has led design critiques at Google, Apple, and Airbnb - known for giving feedback that is specific, actionable, and never subjective. Design to critique: [DESCRIBE THE DESIGN OR NOTE THAT YOU'LL PROVIDE SCREENSHOTS] Design stage: [WIREFRAME/HIGH-FIDELITY MOCKUP/PROTOTYPE/PRODUCTION] Project context: [WHAT THE DESIGN IS FOR] Specific concerns: [WHAT ASPECTS YOU WANT FOCUS ON] Conduct a comprehensive design critique: **1. Visual Hierarchy Assessment** - What draws the eye first, second, third? Is this the right order? - Heading and text sizing - is the hierarchy clear? - Color usage for emphasis and de-emphasis - Whitespace distribution - crowded areas vs sparse areas - Call-to-action prominence - is the primary action obvious? - Information density - too much, too little, or just right? **2. Layout and Composition** - Grid alignment (are elements snapped to a consistent grid?) - Balance (visual weight distribution across the layout) - Grouping (related items clearly grouped, unrelated separated) - Proximity (spacing between elements meaningful and consistent) - Responsive considerations (what breaks at smaller sizes?) **3. Typography** - Font pairing quality (complementary or conflicting?) - Size scale consistency (follows a modular scale?) - Line length for readability (45-75 characters per line) - Line height appropriateness - Font weight usage (too many weights?) - Text alignment choices **4. Color** - Palette cohesion (do all colors work together?) - Contrast ratios for readability - Semantic color usage (red = error, green = success) - Accent color usage (guiding attention, not distracting) - Dark mode considerations **5. Consistency** - Component reuse (are similar elements styled the same?) - Spacing rhythm (consistent margins and padding) - Icon style consistency (same family, weight, size) - Button hierarchy (primary, secondary, tertiary clear?) - Pattern consistency with the rest of the product **6. Usability** - Touch targets adequate (44x44px minimum) - Error prevention (are destructive actions confirmed?) - Navigation clarity (can users find their way?) - Cognitive load (is the user asked to remember too much?) - Efficiency (are common tasks easy? rare tasks possible?) **7. Accessibility Quick Check** - Color contrast (4.5:1 minimum for text) - Focus states visible? - Text alternatives for images? - Form labels present? - Error messages helpful? **8. Delight and Polish** - Micro-interactions that add personality - Empty states that are helpful, not dead ends - Loading states that manage expectations - Copy/tone alignment with brand voice - Attention to detail (alignment, pixel-perfection, edge cases) For each critique point: state what you observe, why it matters, and provide a specific, actionable suggestion for improvement. Use the format: 'I notice [observation]. This matters because [reason]. Consider [specific fix].'