Guidelines for the DS icon library

Houston's 163-icon library, drawn by many hands under the same ruler.

Delivery July 2022

Client Eduzz

Role Product Designer

Skill Design Ops

Houston's icon library with diverging strokes and proportions, before the common ruler.

Problem

As the design system grew, several designers started contributing icons — and each hand brought its own stroke, proportion, style. An icon that doesn't speak the same language breaks the reading: hierarchy becomes unpredictable, the interface loses trust, and the library gets harder to maintain and scale.

Solution

I put together an iconography guideline with clear rules on grid, stroke, proportion, and sizes. Hosted it on Notion, where the design team's other guidelines already lived.

Houston's icon guideline open in Notion on desktop, tablet and mobile.

Guideline pages: minimum spacing, outline centered on the object, and how to name the icon.

Grid of Houston icons with construction guides for grid and stroke.

The delivery included a usage workshop.

Immersion workshop presenting the icon guideline to the team.

Other cutouts

Each cutout shows one specific skill in action.

Guidelines for the DS icon library

Problem

Solution

Other cutouts

Interactive kiosk research

Checkout design patterns

Checkout concept