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

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

Molecules

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

Organisms

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