Visual Design Foundations

Build cohesive, accessible visual systems using typography, color, spacing, and iconography fundamentals.

When to Use This Skill

• Establishing design tokens for a new project
• Creating or refining a spacing and sizing system
• Selecting and pairing typefaces
• Building accessible color palettes
• Designing icon systems and visual assets
• Improving visual hierarchy and readability
• Auditing designs for visual consistency
• Implementing dark mode or theming

Core Systems

1. Typography Scale