UI Design Guidelines

Practical design rules for modern web interfaces.

Instructions

1. Define Constraints

• Capture audience, brand tone, and platform targets.
• Note accessibility requirements and performance constraints.
• Identify key content types and critical user flows.

2. Layout and Hierarchy

• Use a clear grid and spacing scale (4pt or 8pt).
• Limit content width for readability; define breakpoints.
• Make primary actions and key data visually dominant.