visual-design-foundations - Create cohesive visual design systems
Apply typography, color, spacing, 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 color palettes
- design typography scale
- build spacing system
- create icon systems
- audit visual consistency
- implement dark mode
Inputs
- project requirements
- brand guidelines
- typefaces
- color specifications
Outputs
- design tokens
- color palette
- typography system
- spacing scale
- icon set
- style guide
- dark mode theme
Requirements
- design tools
- CSS framework
- accessibility standards