New York State Design System

The New York State Design System helps teams rapidly design and build accessible, mobile-friendly web applications and sites.

Start Designing

Reusable design templates with built-in code-paired components.

Start Developing

Code components to create rich user experiences.

What is the New York State Design System?

toggle graphic
Component Library
A collection of common front-end code grouped together in components that can be shared and reused across multiple codebases, often with design, state, and default behavior built-in.
flexdbox graphic
Design Libraries
A library of icons, styles, components, and variables that can be shared and reused across multiple design files for consistent design and prototyping.
4 up graphic
Design Tokens
A collection of design decisions stored in key-value pairs, abstracted so they can easily be used across a wide range of platforms, design and code.
fonts
Typography
A collection of standard NYS brand-approved typefaces that need to be used in both design and development product work.

Got Feedback?

NYS Employees

Follow the NYS Design System on Teams

Email us

designsystem@its.ny.gov