visual-design-foundations

Create design tokens for typography and color by establishing a unified system that defines consistent scales for fonts, semantic colors, and spacing. This skill provides repository templates to generate token-based values for cohesive UI visuals.

The best way to build a style guide with accessible color tokens is to harmonize semantic color values and typography while running contrast audits. This skill guides the creation of accessible palettes and maintains visual consistency across multiple products.

Set up a spacing scale and typography system for a UI kit by defining foundational design tokens that standardize spacing and font hierarchies. This skill provides practical templates to ensure scalable, consistent interfaces across your projects.

Yes, you can use this skill to audit readability and visual hierarchy. It performs design audits to evaluate accessible contrast, typography scales, and iconography, ensuring your interfaces maintain consistent and readable visual systems.

No, you do not need existing design tokens to establish a visual design system. This skill helps you create token-based typography, semantic color tokens, and spacing scales from scratch using practical references and repository templates.