Twitter’s web style guide

Overview

As part of Twitter’s design team, I helped develop the visual style and update the web design system to help other designers and content authors build off its components.

Our team worked on standardizing and componentizing our AEM web styles. We created guidelines around states, colors, patterns, and use cases to allow our designers and content writers to work faster and wiser.

The detailed web design library illustrates how to build components on a page. From AEM style settings to color variations, themes, and the anatomy of each component.

Illustrated a library of icons that represent each component for the web style guide. The icons allow one to scan & find components in the library with ease.