UI

Visual Hierarchy

• One focal point per screen—eye knows where to go first
• Size, color, weight establish importance—primary action most prominent
• Group related elements—proximity implies relationship
• White space is not wasted space—breathing room aids scanning

Typography

• Maximum 2-3 font families—more creates visual noise
• Clear size scale: title > heading > body > caption—distinct steps, not gradual
• Line height 1.4-1.6 for body text—too tight or loose hurts readability
• Line length 45-75 characters—prevents eye fatigue
• Left-align body text—centered only for short headings

Color Usage