Design Systems
Being one of the first member in Pearson’s first framework, my task was to build and maintain a system that provides a unified set of UI, design rules and patterns across all Pearson Higher Ed digital products
Pearson
Pearson UX Framework
Pearson UI Kit 2.1.0
Table component
Day Picker component
Cisco CX Cloud
Intro
This design system is specific designed and documented for Cisco CX Cloud.
Guidelines
Callout and description of each elements in the components.
Documented the usage of the components. include possible categories, example of the do and don’t.
Example of the component of how it was displayed in the product, usually presented in screenshot format.
Spec
Specification and redline of the component. Include color, font, sizing and responsive in breakpoints
Accessibility
There’s a specific area to address how component displayed accessibility elements ( focus state ). and how the key stroke navigated across component.
Timestamp: Do and Don't
Timestamp: Guideline
Timestamp: Guideline
Facet: Accessibility
Facet: Redline Spec