Pearson

UX Framework

A design system that empowers teams to build better products, faster

Search the component library

Design UI Kit 1.6.0

Updated on Jan. 3, 2018

Start working in Sketch with ready-made UI components such as colors, buttons, and more! To see how a component works and behaves, please refer to the usage guidelines on this site.

Download UI Kit v1.6.0

Develop with npm

Just grab the code and you're ready to go! Build apps faster using our premade elements.

Go to npm

Components

Components available in the library

Primary Palette

Digital Pearson Blue
#047a9c
Ink Blue
#005a70
White
#ffffff
White Gray
#f5f5f5

Secondary Palette

Sunshine Yellow
#ffb81c
Sunflower Yellow
#ff9a19
Digital Ice Blue
#DAF0ED
Digital Marine Turquoise
#19A5A3

Neutral Palette

Charcoal
#252525
Medium Gray
#6a7070
Concrete
#c7c7c7
Alto
#d9d9d9
Moonlight
#e9e9e9

Conditional Palette

Strawberry Red
#db0020
Digital Grass Green
#038238
Hot Pink
#DA0474

Questions or Feedback?

UXF Design Team uxf-design@pearson.com OR Slack Channel:#uxframework
UXF Development Team uxf-development@pearson.com OR HiptChat: UXF Help (PDA)
UXF Accessibility HipChat: Accessibility Help
UXF Discussion Go to Discussion

Subscribe to our monthly newsletter!

Subscribe