Spreetail Design System Refresh

A design system optimized for e-commerce

Team

2 designers
1 frontend engineer

Timeline

3 months for redesign

Role

Co-owned design


BACKGROUND

To design a collection of reusable components guided by principles that can be used to create simple and complex experiences. Optimized for e-commerce, it’s used to build internal and customer facing software, that maintains a consistent visual language across all company platforms.

Colors

Group 33meta_1_colos.png

Neutral Palette

neutral palette.png

Typography

Typography.png

Type Examples

Type Examples.png

Buttons

Buttons.png

Components

Components.png

Menus

Menu.png

Before & Afters

The old interface

The old interface

 
Updated version includes a collapsible navigation bar, and a clearer action bar.

Updated version includes a collapsible navigation bar, and a clearer action bar.

Previous
Previous

Content Editing Tools - Gatsby Publish

Next
Next

Developer Tools - Local Pro