lan hoang
Let’s chat

Atrium

Design system, product UI, iOS app, dark mode2026Credits
Refract
Visit website: refract.group (opens in a new tab)

A CRM that finds the follow-ups and drafts them.

Overview

Problem
Atrium is a CRM for founders and salespeople whose day is spread across email, LinkedIn, WhatsApp and Slack: it finds the follow-ups and drafts them. As it grew towards launch, the next step was making its most powerful features as easy to use as the rest, on a design system the team could keep building with.
What I did
At Refract, I audited the live product, rebuilt it as a design system and redrew the product on it.
Outcome
A design system, the redrawn product UI, an iOS app and a dark mode.

Selected work

AI drafting

Shows what the AI changed next to the original, so a person can compare the two and revert.

Automation builder

Each block says what fires it and what it does, so people who have never programmed can build rules.

Data views

Lists stay readable however much they hold.

Contact record

The detail is there when someone asks for it, and out of the way when they don't.

Interaction ramp

Atrium's ultramarine at two weights, each with a hover and a pressed step. Every other colour decision hangs off it.

Buttons

Defined once with their interaction states, so engineering didn't have to invent them.

Password required

Enter the password to read the full case study.

Don't have it?