User Interface Design

The Design System project complemented our Capstone project, where we developed a style guide that would be implemented later on. This style guide includes a visual style section featuring typography, fonts, color palette, logos, imagery, and guidelines for their appropriate use. Additionally, it encompasses an editorial style outlining the brand’s mission, voice, and tagline, as well as UI components detailing descriptions, states, attributes, and instructions. It also features a pattern library that organizes UI groupings along with usage guidelines. The style guide was created in Adobe XD and is showcased in the video linked below.