<aside> <img src="/icons/list_gray.svg" alt="/icons/list_gray.svg" width="40px" /> TL;DR: The Lume Design System is Hodinkee's first-ever design system that was created to meet the requirements of their suite of products. It provides the team with a flexible and cohesive approach to design, ensures consistency and efficiency across all digital properties, has increased time-to-market, and saves countless hours of design and development time.

</aside>

Introduction

Lume, Hodinkee’s first-ever design system, was designed to meet the requirements across all of the company’s suite of products. An extremely flexible system, it was leveraged across both internal and customer-facing experiences, and ensured cohesiveness of experience and adherence to brand standards across products.

Team

Alex Fortney, Lead Designer

Pat Krisko, Senior Front-End Engineer

Daniel Hour, iOS Lead

Jessie Moog, Senior Product Manager

Objectives

Faster time to market

Decreased development time

Cohesiveness of brand expression across experiences

Consistency in user experience

Flexibility and scalability across all product use cases

Quicker implementation of changes

Reduction of maintenance cost

Cleaner code across all front-end products

Background

We began work on this project following a brand refresh that was completed in 2022. Armed with new typography and brand standards, we were met with the challenge to build a design system that would serve all of Hodinkee’s products and properties. When we set off to build it, were were considering not just the Editorial site, Shop, and App, but also our back-end tools—our listing software, watch spec database, and inventory management tools.

The system as a vessel