UI Composition

Visual design is where intent becomes tangible. Every colour, every spacing decision, every typographic choice either includes or excludes people. This skill ensures visual decisions are principled, systematic, and inclusive.

When to Use

• Designing screen layouts or page structures
• Choosing or refining colour palettes
• Setting typography systems
• Establishing spacing and grid systems
• Designing for responsive breakpoints
• Creating or modifying visual hierarchy
• Designing dark mode or high contrast variants

Process

Step 1: Reference the Foundation