The Patterns of ACCESS NYC are a shared vocabulary between the code, design, and user interface (UI) of ACCESS NYC.

ACCESS NYC aims to increase the accessibility and convenience of discovering and enrolling in government benefits. The Patterns support this work by defining the UI and behavior that New Yorkers experience as they use the site.

Features

  • Web Content Accessibility Guidelines (WCAG) AA Compliant typography and color contrast.
  • Multi-lingual stylesheets with right-to-left and left-to-right reading orientations.
  • Mobile-first stylesheets with support for modern browsers back to Internet Explorer 11.
  • Module-based design patterns with CSS and JavaScript included for each pattern.
  • tailwindcss integration.

Installation

The Patterns are available as an NPM package and can be installed with the following command.

 Read the installation guide

Alternatively, view the quick start documentation to use the CDN method of installation.

About
Learn more about ACCESS NYC Patterns.

Icons
The Icon Pattern set reference and usage.

NYC Civic Service Design

ACCESS NYC was built using NYC Civic Service Design principles. The corresponding site is an introduction to service design for public servants, and a set of practical ways to include design methods in your work. Use this collection of tools and tactics to see your service in context, talk with people who use it, and try out ideas in low-risk ways. Additionally, you can contact the Service Design Studio to find out how you can implement service design in your work.

Read the Principles

More NYC Design and Technology Resources