Docket
Docket
Docket
Docket
Docket
Docket
An AI calendar assistant that finds the time, asks the other people and books it once you approve.
An AI calendar assistant that finds the time, asks the other people and books it once you approve.
Services
UI/UX
Scope
Product UI, flows and design system
Year
2026
Tools
Figma
The brief
The brief
The brief
The brief
The brief
A self-initiated exercise. Design a scheduling assistant that lives inside your calendar: you say what you need in plain words, it works out when and with whom, asks the other people, and comes back for approval.
The idea
The idea
The idea
The idea
The idea
Docket only uses colour when it is acting. Everything you did stays neutral; everything Docket proposes is blue, so you can always see what it changed.
Key decisions
Key decisions
Key decisions
Key decisions
Key decisions
01
Ask in plain words
Why
A form with date pickers is slower than saying what you want.
Effect
As you type, Docket turns your request into tags you can check and correct before it starts.
02
One decision to make
Why
The back and forth with other people is the work Docket takes off your plate.
Effect
You see one proposal card with Approve, Other times or Decline.
03
Colour only when Docket acts
Why
An assistant that moves things needs to show what it moved.
Effect
Proposals, focus blocks and the assistant panel use the accent; your own events never do.
01
Ask in plain words
Why
A form with date pickers is slower than saying what you want.
Effect
As you type, Docket turns your request into tags you can check and correct before it starts.
02
One decision to make
Why
The back and forth with other people is the work Docket takes off your plate.
Effect
You see one proposal card with Approve, Other times or Decline.
03
Colour only when Docket acts
Why
An assistant that moves things needs to show what it moved.
Effect
Proposals, focus blocks and the assistant panel use the accent; your own events never do.
01
Ask in plain words
Why
A form with date pickers is slower than saying what you want.
Effect
As you type, Docket turns your request into tags you can check and correct before it starts.
02
One decision to make
Why
The back and forth with other people is the work Docket takes off your plate.
Effect
You see one proposal card with Approve, Other times or Decline.
03
Colour only when Docket acts
Why
An assistant that moves things needs to show what it moved.
Effect
Proposals, focus blocks and the assistant panel use the accent; your own events never do.
01
Ask in plain words
Why
A form with date pickers is slower than saying what you want.
Effect
As you type, Docket turns your request into tags you can check and correct before it starts.
02
One decision to make
Why
The back and forth with other people is the work Docket takes off your plate.
Effect
You see one proposal card with Approve, Other times or Decline.
03
Colour only when Docket acts
Why
An assistant that moves things needs to show what it moved.
Effect
Proposals, focus blocks and the assistant panel use the accent; your own events never do.
01
Ask in plain words
Why
A form with date pickers is slower than saying what you want.
Effect
As you type, Docket turns your request into tags you can check and correct before it starts.
02
One decision to make
Why
The back and forth with other people is the work Docket takes off your plate.
Effect
You see one proposal card with Approve, Other times or Decline.
03
Colour only when Docket acts
Why
An assistant that moves things needs to show what it moved.
Effect
Proposals, focus blocks and the assistant panel use the accent; your own events never do.
01
Ask in plain words
Why
A form with date pickers is slower than saying what you want.
Effect
As you type, Docket turns your request into tags you can check and correct before it starts.
02
One decision to make
Why
The back and forth with other people is the work Docket takes off your plate.
Effect
You see one proposal card with Approve, Other times or Decline.
03
Colour only when Docket acts
Why
An assistant that moves things needs to show what it moved.
Effect
Proposals, focus blocks and the assistant panel use the accent; your own events never do.
UI/UX
UI/UX
UI/UX
UI/UX
UI/UX
UI/UX
Six screens that follow one story: Maya asks for lunch with Sam, and Docket books it. After them come the components and the design system.
The system
The system
The system
The system
The system
The system
Neutral greys for everything you did, and one blue that only marks Docket acting.
Canvas
Text
Text-2
Accent
Geist
Display and interface
