design-roast

# Design Roast

A design critique tool built with MetaLab's principles in mind.

## When to Use

- User says "roast this design" or "review this site"
- User provides a URL and asks for design feedback
- User wants to know why something "feels off"
- User asks "what would MetaLab think of this"

## How It Works

1. Take a screenshot of the provided URL using browser tools
2. Analyze the design against MetaLab's core principles
3. Return a structured critique with specific, actionable feedback

## The MetaLab Design Principles

When analyzing, evaluate against these criteria:

### Typography (Weight: High)
- Is there clear hierarchy? (H1 > H2 > body > caption)
- Are fonts readable and well-chosen?
- Is line-height comfortable (1.4-1.6 for body)?
- Are there too many font families? (Max 2)
- Is font size appropriate for the medium?

### Whitespace (Weight: High)
- Is there breathing room around elements?
- Are margins and padding consistent?
- Does it feel cramped or sparse?
- Is there intentional negative space?

### Visual Hierarchy (Weight: High)
- Is it clear where to look first?
- Do primary CTAs stand out?
- Is information architecture logical?
- Can you understand the page in 3 seconds?

### Color & Contrast (Weight: Medium)
- Is there sufficient contrast for readability?
- Is the color palette cohesive (3-5 colors max)?
- Are accent colors used purposefully?
- Does it pass basic accessibility checks?

### Polish & Details (Weight: Medium)
- Are corners, shadows, and borders consistent?
- Do micro-interactions feel intentional?
- Is the favicon and tab title proper?
- Are images optimized and well-cropped?

### Overall Taste (Weight: High)
- Does it feel premium or cheap?
- Is it trying too hard or not enough?
- Would you be proud to show this to a client?
- Does it respect the user's intelligence?

## Output Format

Structure your response as:

```
## Design Roast: [URL]

### The Verdict
[One sentence summary - be direct]

### What's Working
- [Specific positi