claire / desktop kit

DESKTOP COMPONENT KIT

One rail. One workspace.

The desktop primitives are built around a persistent Claire rail, deliberate window chrome, compact actions, and people-first rows that scale up without becoming noisy.

NAVIGATION / PERSISTENT

Claire desktop rail

The same component anchors every desktop screen, including its brand mark and active destination.

WINDOW / WORKSPACE

Window chrome and context

Desktop components use thin structure and let the conversation do the visual work.

Inbox

MK
Maya KimCan you send that deck?
INBOX / DENSITY

Search, filters, and people-first rows

The workspace list stays tight without making platform or unread state compete with the person.

MK
Maya Kim

Can you send that deck?

SOI
Sofia Ramirez

That place looks perfect ✨

THREAD / ASSISTANCE

Context, messages, promises, composer

Every assistant affordance appears in the real thread system and always leads back to a human action.

✦
QUICK CONTEXTProduct review tomorrow · deck still open
Are we still good for the product review tomorrow?9:12
I’ll send the updated deck before 10.9:14 · ✓✓
✦
PROMISE FOUNDSend Maya the updated deck tomorrow before 10
Write a message…
CONNECTIONS / TRUST

Network cards make state legible

Connected, local, and attention-needed states use the same structure as the actual desktop connections screen.

WhatsApp

+52 ••• 0419
CONNECTED

Cloud bridge · synced 10s ago

i

iMessage

Luc’s MacBook Pro
LOCAL

On-device · requires this Mac

CONTEXT / RELATIONSHIP

People and memory stay inspectable

Relationship context is a readable layer, never hidden automation.

MK

Maya Kim

Product lead · WhatsApp

RELATIONSHIP MEMORY

Warm + direct

Keep replies concise. Surface open launch decisions.

OPEN PROMISES

Send updated deck

Tomorrow · 10:00

ACTIONS / KEYBOARD READY

Calm, decisive actions

Primary actions remain ink; the Claire action uses lime only where it helps people recognize the assistant.