Gloo // Style Guide

A comprehensive audit and redesign of current design patterns across web and native clients with a fully updated look and feel.

 
 
 

Web Grid Structure

 

Colors

 
 

Typography

 
1.3_GlooStyleGuide@2x.png
 

Core Components

 
 

Cards

 
1.5_GlooStyleGuide@2x.png
 

Data Grid

 
 

Modals

 
 

Avatars

 
1.8_GlooStyleGuide@2x.png
 

 

iOS & Android

Our styles maintained consistency across clients providing for a seamless experience as the user transitioned from web to iOS and Android. 

 
 
 

Navigation

 
 

Components

 
 

Filters

 
 

Toasts

 
 

Lists

 
 

Improved Delivery & Detailed Specifications for Eng

Working closely with the engineering teams, we transitioned the company away from piecemeal front end development and established a new component based UI library allowing for a significantly more flexible, consistent and yes, beautiful UI.