visual-design-foundations

You can build a cohesive visual design system by standardizing typography, color, spacing, and iconography. This approach ensures consistency and efficiency across products by establishing design tokens and accessibility checklists.

Building an accessible visual design system requires standardizing typography, color, and iconography across platforms. This Skill specifies a frontmatter-driven metadata contract and a references directory for guidelines to ensure accessible theming and dark mode support.

You set up a typography scale and color palette by defining design tokens within a frontmatter-driven metadata contract. This standardizes visual hierarchy and theming, including dark mode support, across product components.

Yes, design tokens support dark mode and visual hierarchy by auditing and refining theming rules. This Skill applies tokens to establish consistent color palettes and scalable style guides across different platforms.

This approach supports cross-platform iconography by standardizing accessible icon sets within the visual design system. It specifies a references directory to manage icons alongside typography and color tokens across platforms.