Work

  /  

Humm

Humm

Humm

Humm

Humm

Humm

Humm

A Mac app we designed and built for talking to your Claude Code sessions. Hold a key, say it, and it reaches the right session.

A Mac app we designed and built for talking to your Claude Code sessions. Hold a key, say it, and it reaches the right session.

Services

UI/UX and app development

Scope

Native macOS app: design, development, motion and identity

Year

2026

Tools

Figma, Swift

Project cover

The brief

The brief

The brief

The brief

The brief

A self-initiated product we designed and built end to end. Designers who run several Claude Code sessions think out loud and keep their hands on the canvas. Humm lets them talk to any session without switching windows: hold Right Option, say it, check what it heard, approve the work.

The idea

The idea

The idea

The idea

The idea

Humm lives in the notch beside the camera. It listens while you hold the key and opens just enough to show your words, the reply and the work. Each session has its own colour; on-air red only ever means Humm is listening.

Key decisions

Key decisions

Key decisions

Key decisions

Key decisions

01

Hold to talk

Why

Wake words misfire and buttons need a cursor.

Effect

Right Option is always under a thumb. Hold it, talk, let go to send.

02

It reads back big asks

Why

Speech is messy: false starts, corrections, “no wait”.

Effect

Humm strikes out the words you take back as you speak, then reads the request back before it acts.

03

Nothing ships without a yes

Why

A slip of the tongue should never deploy a site.

Effect

Deploys and deletes wait in the notch for a click or ⏎.

01

Hold to talk

Why

Wake words misfire and buttons need a cursor.

Effect

Right Option is always under a thumb. Hold it, talk, let go to send.

02

It reads back big asks

Why

Speech is messy: false starts, corrections, “no wait”.

Effect

Humm strikes out the words you take back as you speak, then reads the request back before it acts.

03

Nothing ships without a yes

Why

A slip of the tongue should never deploy a site.

Effect

Deploys and deletes wait in the notch for a click or ⏎.

01

Hold to talk

Why

Wake words misfire and buttons need a cursor.

Effect

Right Option is always under a thumb. Hold it, talk, let go to send.

02

It reads back big asks

Why

Speech is messy: false starts, corrections, “no wait”.

Effect

Humm strikes out the words you take back as you speak, then reads the request back before it acts.

03

Nothing ships without a yes

Why

A slip of the tongue should never deploy a site.

Effect

Deploys and deletes wait in the notch for a click or ⏎.

01

Hold to talk

Why

Wake words misfire and buttons need a cursor.

Effect

Right Option is always under a thumb. Hold it, talk, let go to send.

02

It reads back big asks

Why

Speech is messy: false starts, corrections, “no wait”.

Effect

Humm strikes out the words you take back as you speak, then reads the request back before it acts.

03

Nothing ships without a yes

Why

A slip of the tongue should never deploy a site.

Effect

Deploys and deletes wait in the notch for a click or ⏎.

01

Hold to talk

Why

Wake words misfire and buttons need a cursor.

Effect

Right Option is always under a thumb. Hold it, talk, let go to send.

02

It reads back big asks

Why

Speech is messy: false starts, corrections, “no wait”.

Effect

Humm strikes out the words you take back as you speak, then reads the request back before it acts.

03

Nothing ships without a yes

Why

A slip of the tongue should never deploy a site.

Effect

Deploys and deletes wait in the notch for a click or ⏎.

01

Hold to talk

Why

Wake words misfire and buttons need a cursor.

Effect

Right Option is always under a thumb. Hold it, talk, let go to send.

02

It reads back big asks

Why

Speech is messy: false starts, corrections, “no wait”.

Effect

Humm strikes out the words you take back as you speak, then reads the request back before it acts.

03

Nothing ships without a yes

Why

A slip of the tongue should never deploy a site.

Effect

Deploys and deletes wait in the notch for a click or ⏎.

UI/UX

UI/UX

UI/UX

UI/UX

UI/UX

UI/UX

Five pieces that run in the page: the notch, talking in the window, Ideas, Taste and opening the app. One story runs through them, a pricing page for Docket. After them come the screens, the components and the system.

Read-back, rounds and approvals
One notch for every state
The meter: quiet, normal, loud
Components
Approvals wait for a click
Ideas and Taste
Opening the app
01Conversation
02Listening
03Ideas
04Taste
05Settings
06Onboarding
The system: mark, app icon, colour, type and the dot grid.
Read-back, rounds and approvals
One notch for every state
The meter: quiet, normal, loud
Components
Approvals wait for a click
Ideas and Taste
Opening the app
01Conversation
02Listening
03Ideas
04Taste
05Settings
06Onboarding
The system: mark, app icon, colour, type and the dot grid.
Read-back, rounds and approvals
One notch for every state
The meter: quiet, normal, loud
Components
Approvals wait for a click
Ideas and Taste
Opening the app
01Conversation
02Listening
03Ideas
04Taste
05Settings
06Onboarding
The system: mark, app icon, colour, type and the dot grid.
Read-back, rounds and approvals
One notch for every state
The meter: quiet, normal, loud
Components
Approvals wait for a click
Ideas and Taste
Opening the app
01Conversation
02Listening
03Ideas
04Taste
05Settings
06Onboarding
The system: mark, app icon, colour, type and the dot grid.
Read-back, rounds and approvals
One notch for every state
The meter: quiet, normal, loud
Components
Approvals wait for a click
Ideas and Taste
Opening the app
01Conversation
02Listening
03Ideas
04Taste
05Settings
06Onboarding
The system: mark, app icon, colour, type and the dot grid.
Read-back, rounds and approvals
One notch for every state
The meter: quiet, normal, loud
Components
Approvals wait for a click
Ideas and Taste
Opening the app
01Conversation
02Listening
03Ideas
04Taste
05Settings
06Onboarding
The system: mark, app icon, colour, type and the dot grid.

The system

The system

The system

The system

The system

The system

Ink greys for the app, one on-air red that only means listening, and a colour for each session.

Ground

#0B0B0D

Surface

#161618

Text

#F2F2F5

On-air

#FF4E2E

Docket

#6366F1

Tramline

#10B981
Typeface specimen

Geist

Display and interface