# Reusable UI Review Template

## Diagnosis
The screen’s main problem is **[hierarchy / density / unclear grouping / inconsistent system / weak typography / noisy color / over-decoration]**. The target direction is **[clear, calm, focused, premium, playful, dense-but-scannable, etc.]**.

## Highest-impact changes

### 1. [Issue]
**Observation:** …
**Why it matters:** …
**Refactor:** …
**System rule:** …

### 2. [Issue]
**Observation:** …
**Why it matters:** …
**Refactor:** …
**System rule:** …

### 3. [Issue]
**Observation:** …
**Why it matters:** …
**Refactor:** …
**System rule:** …

## System decisions
- Type scale: …
- Font weights: …
- Spacing scale: …
- Content widths: …
- Radius scale: …
- Shadow/elevation scale: …
- Primary/neutral/semantic color ramps: …
- Icon sizes: …

## Implementation notes
- Component changes: …
- Responsive behavior: …
- Interaction states: …
- Empty/loading/error handling: …
- Media constraints: …

## Final quality gate
- [ ] Primary task obvious
- [ ] Hierarchy works in grayscale
- [ ] Grouping is unambiguous
- [ ] Typography is readable
- [ ] Colors are systematic and accessible
- [ ] Borders/shadows are purposeful
- [ ] States are covered
- [ ] No decorative fix is hiding a structural issue