Color Switcher
Background Demos
Loading...

Liverpool
Glue

PWA ·UI DESIGN

blog-image
Liverpool

Intro

Participants

Karla Gómez

UI Designer

Diego Trejo

Sr UI Designer

Kate López

UI Designer

Luis Gárcia

Sr UI Designer

Josep Matus

Sr UI Designer

Skills

Design

Tools
sketch sketch

Date

Oct. 2018

Methodology

Atomic Design


Product

Glue is a design system that functions as a centralized source of information for design elements and code, to build any number of applications



blog-image
1
Typography

Documentation of the fonts with the design system, implementation for the Sketch library.


blog-image


Structure in library


blog-image


2
Color

Documentation of colors and their use on the site.


blog-image


3
Notifications

Proposal of notifications and documentation of the component for the library.


blog-image

blog-image

4
Results

Example of the result with the design system on Liverpool.com



blog-image