UI Design Standards

Quality standards for implementing and reviewing user interfaces. Apply these principles regardless of framework (React, Vue, SwiftUI, Flutter, etc.).

Core Principles

1. Visual Fidelity

Match design specifications exactly:

• Layout: Precise positioning, alignment, and structure
• Spacing: Exact margins, padding, and gaps
• Typography: Font family, size, weight, line-height, letter-spacing
• Colors: Exact color values (no approximations)
• Component shapes: Border radius, shadows, borders
• Visual hierarchy: Element prominence matches design intent

Rule: Do not introduce new UI elements or redesign. Follow the design precisely.