visual-design-foundations - Visual Design Foundations for UI Systems
Apply typography, color theory, spacing systems, and iconography principles to create cohesive visual designs
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 icons
- improve visual hierarchy
- audit designs
- implement dark mode
- configure typography scale
- define spacing tokens
- create color tokens
- set icon sizes
Inputs
- brand colors
- typeface files
- design constraints
Outputs
- design tokens
- style guide
- CSS configuration
- color palette
- spacing scale
- typography scale
- icon system
Requirements
- CSS knowledge
- design system understanding
- WCAG familiarity