Huego Design System

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/133ad50b-2ff3-4740-948c-d52a3ec10210/Huego_Design_System_Cover.png

Introduction

Huego

Huego is a cloud platform for professional photographers which aims to simplify the delivery of images to clients and make the process smoother and more profitable for photographers.

Design Process

I believe in "Great digital products are built upon solid foundations"

It was my first time working on a design system that contains more than hundreds of symbols, colors, and typography. We took inspiration from design systems like Material design, Fluent, Shopify's Polaris, Atlassian, Airbnb, Uber were all already established systems and had built great products.

We mainly started focusing on the basic building blocks of the design system.

Color Theory

We picked blue as the primary color as blue is more associated with calm and peacefulness and we wanted the same feel for the photographer. Brighter colors are used to convey meaning. Red is for warnings and alerts. Other tertiary colors are for different scenarios.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/3420cd56-329b-42e4-bd76-ea080325a4ae/Colors.png

Typography

I've chosen Inter font, which is extremely breathable and non-fatiguing while still looking fantastic and it has high legibility.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/dac80e43-cef1-4a07-a809-0a760df61c96/Typography.png