NYU Design System
Digital Communications Group at New York University builds a design system for New York University’s digital experience. We were designing re-usable components for the visual consistency of NYU digital content. I created part of elements such as Charts / Tabs / Switch, Checkbox, and Radio / Text Area / Multiselect and Dropdown / Date Picker / Buttons.
Charts & Graphs are form of data visualization that allow users easy to compare data and use it to tell a story.
Tabs organize content across different screens, data sets, and other interactions.
Switch represents a physical switch that allows users to turn things on or off, like a light switch. Tapping a switch is a two-step action: selection and execution.
Checkbox allows the user to select control that allows users to select multiple options at a time
Radio button allows the user to select one or more items from a set or turn an option on or off
Text Area let users enter and edit text.
Multiselect is a non-editable select control that allows users to select multiple options at a time. Drop-down allows the user to choose one value from a list.
Gotham is our primary typeface. Gotham is a vernacular sans serif type designed at the Greenwich Village type foundry of Hoefler & Frere-Jones between 2002 and 2004. It is influenced by architectural and commercial signage in New York City and suggests the energy and exuberance of NYU and New York City.
Date pickers let users select a date, or a range of dates.
Buttons allow users to take actions, and make choices, with a single tap.