2U DESIGN SYSTEM

When creating 2U’s Design System I did a deep exploration into a new color library, ui elements, components, responsive grid and content templates that were scalable and met all the W3C Web Accessibility Initiative (WAI) standards. The Design System had to be specked out to show extensive documentation to cover all usage cases.

It was shared in storybook, invision and kept updated one source of truth sketch file as well as zeplin. All updates and iterations were coordinated were coordinated in an agile process between designers pms and engineers. To facilitate it’s use a set of sketch symbols were created for distribution within the team. The design system covered both light and dark mode.

TYPOGRAPHY

COLORS

BUTTONS

SPECS AND USE CASES

UI ELEMENTS AND COMPONENTS

2U LIVE CLASSROOM