visual-design-foundations - Build Cohesive Visual Design Systems
Apply typography, color, spacing, and iconography principles to create visual systems
Tags
Updated: 2026-03-23Capabilities
Typical Inputs
Typical Outputs
What this skill does
- establish design tokens
- create spacing system
- select typefaces
- build color palettes
- design icon systems
- improve visual hierarchy
- audit designs
- implement dark mode
Inputs
- project requirements
- font files
- color values
- icon assets
- brand guidelines
Outputs
- design tokens
- CSS variables
- style guides
- visual systems
- color palettes
- spacing scales
Requirements
- CSS knowledge
- WCAG accessibility guidelines