Cue Health cover: a phone showing the Cue logo on a teal-to-violet gradient, resting on a white plinth. Product and systems design.
Company
Cue Health
Project
Design System
Role
Principal Designer
Scope
Design system
Color system
Iconography
Interaction design
Product design
Year
2017
Overview
Cue's cartridges, reader and app each carried their own color, iconography and card logic. This system gives them one grid, one color spectrum carried from flat cartridge colors into high-contrast gradients in software, and one card anatomy shared by tests, results and news, so a clinical product reads as one thing from the box to the screen.
A Journey in the Self: Cue's health monitoring system as the starting point for a personalized mobile experience.
One system, many experiences: a single visual system spanning Cue's consumer and professional products.
Grid system: icons and imagery aligned to a shared grid.
Educational content cards: anatomical illustration and a Types of Insulin article in the Cue app.
Color system: a spectrum of hues, each stepped from light to dark.
A row of Cue Health app screens in sequence.
Cue's color system keeps visual continuity from flat cartridge colors to high-contrast gradients in software.
Information architecture: annotated card anatomy, spacing, iconography scale and progressive disclosure.
Test result cards with measurements, color-coded by test type.
Card headers across test types, each carrying its own color.
Feed and news cards in the Cue Health app.
Related Work
Lumasis design system coverGlydways Brand Guidelines cover