Design System

Binghamton University Design System is a collection of reusable components that can be assembled to build various webpages. It provides a pattern library for modular building and helps maintain consistency and reduce inefficiencies in the design and development process. 

Global Styles

Globel styles is a style guide for the web that includes logo, color palette, headings, icon fonts and grid system.

Elements of the Design System


Atoms are the smallest parts or elements like buttons, icons, headings, illustrations and backgrounds.


Combination of 2 or more atoms make molecules like an icon with heading.


Organisms are where all the elements work together to form slices. They are usually horizontal sections that are stacked to form pages.