Inclusive Design System by Vanessa ChangInclusive Design System by Vanessa Chang
Inclusive Design SystemVanessa Chang
Cover image for Inclusive Design System
I build scalable design foundations where accessibility is the default, not an afterthought. Drawing on my background in Learning Science at Carnegie Mellon, I create an inclusive Figma library of up to 15 core components. This service ensures your team has a technically compliant, cognitively optimized toolkit that maintains accessibility as your product scales.

What's included

Accessible Foundations
A core system including WCAG-compliant color palettes, typography scales, and spacing tokens.
Library of Up to 15 Core Components
Custom-built Figma components (Buttons, Inputs, Modals, etc.) featuring fully defined interactive states, including the critical Focus state for keyboard users.
Design Token Architecture
A semantic naming system for styles that ensures consistency between design and development.
Accessibility Usage Guide
A "How-to" guide in Figma or Notion explaining the ARIA requirements and usage rules for each component.
Handoff Template
A reusable Figma template for your team to ensure every new feature includes the necessary accessibility specs.
FAQs

Starting at$4,000
Duration4 weeks
Service provided by
Vanessa Chang Pittsburgh, USA
Inclusive Design SystemVanessa Chang
Starting at$4,000
Duration4 weeks
Cover image for Inclusive Design System
I build scalable design foundations where accessibility is the default, not an afterthought. Drawing on my background in Learning Science at Carnegie Mellon, I create an inclusive Figma library of up to 15 core components. This service ensures your team has a technically compliant, cognitively optimized toolkit that maintains accessibility as your product scales.

What's included

Accessible Foundations
A core system including WCAG-compliant color palettes, typography scales, and spacing tokens.
Library of Up to 15 Core Components
Custom-built Figma components (Buttons, Inputs, Modals, etc.) featuring fully defined interactive states, including the critical Focus state for keyboard users.
Design Token Architecture
A semantic naming system for styles that ensures consistency between design and development.
Accessibility Usage Guide
A "How-to" guide in Figma or Notion explaining the ARIA requirements and usage rules for each component.
Handoff Template
A reusable Figma template for your team to ensure every new feature includes the necessary accessibility specs.
FAQs

$4,000