DesignDrift
Every one fictional, every one real

The clients.

21 brands across 21 industries, each with its own design language — and its own ways to drift. These are the actual screens that cross your desk, rendered by the same components you review, with a quick-reference brand guide under each.

Made for a desktop or large display. On a phone, this is the tour — the game is waiting at your desk.

Premiumpays ×1.6
Pays ×1.6, expects perfection, and remembers.
Hires from Senior Designer.
VA
Standardpays ×1
Fair pay for fair work.
Hires from Designer.
Steadypays ×0.85
Pays ×0.85, forgives a rough day, and stays warm.
Hires from Junior Designer.
♠

Fintech

Money moves; nothing else may.
V

Vaultly

Premium
“Banking, kept.” · PM: Priya · Fintech
Sign-in card
VVaultly
Sign in to Vaultly
Enter your credentials to continue
name@company.com
••••••••
Remember me
Forgot your password?
Accounts overview
VVaultly
Available balance
$24,847.29
Premier Checking•••• 4821$18,204.11
Heritage Savings•••• 0977$6,643.18
Member FDIC — Equal Housing Lender.

Brand guide

The language: The traditional institution: navy and cream, serif headings, conservative radii, gravity.

Colors
Primary
#0E2038
Secondary
#F2E9D6
Surface
#F7F5EF
Type
Aa Heading
Body copy sets in the same face.
Serif · Georgia
Shape
controls 4px
cards 8px
Soft shadows, in the brand’s register.
Look for
  • —Serif, always. A sans-serif number is not a Vaultly number.
  • —Navy is #0e2038 exactly — never a stock framework blue.
  • —Controls square off at 4px. A pill button is another bank.
Your PM
Priyashe/her
Head of Product, Private Banking

Twelve years in compliance before product. It shows, and she likes that it shows.

“Nothing leaves the building with a stray pixel. "Fine." is praise.”

How they write
A perfect day
“Every ticket true. Noted for the quarterly.”
A rough day
“More came back than went out. Not what we pay for.”
Ten hearts
“You are the only reviewer I do not re-review.”
Fintech · Premium client

Vaultly: Banking, kept.

Founded 1921 · London · 1,400 people · Privately held

Four rebrands, all refused. The serif is older than some competitors’ founders, and Vaultly knows it.

Wellness

Soft edges, softer promises.

Zenlift

Steady
“Breathe easier.” · PM: Sunny · Wellness
Pricing card
Zenlift
bloom plan
popular
$12/month
unlimited sessions
guided breathing
sleep stories
offline mode
Daily check-in
Zenlift
good evening, sam
🌱 12 gentle days
how are you feeling?
😔😕🙂😊🤩
add a note (optional)
not today — that’s okay

Brand guide

The language: The gentle-wellness school: warm cream, sage, generous rounding, lowercase friendliness.

Colors
Primary
#5D7859
Secondary
#C0563B
Ground
#EFE9DD
Type
Aa Heading
Body copy sets in the same face.
Rounded sans
Shape
controls pill
cards 24px
Soft shadows, in the brand’s register.
Look for
  • —lowercase everywhere. a capital letter is raising its voice.
  • —Sage is #5d7859; the cream is warm (#fbf8f2), never clinical white.
  • —Every control is a pill. Corners are for offices.
Your PM
Sunnythey/them
Product Lead

Taught breathing classes. Ships software the same way.

“tone. we never pressure anyone — not our users, not our reviewers.”

How they write
A perfect day
“every ticket gentle and true. the founder clapped 🌿”
A rough day
“a rough one. our brand deserves care too.”
Ten hearts
“you review the way we wish we wrote. 🌿”
Wellness · Steady client

Zenlift: Breathe easier.

Founded 2014 · Melbourne · 38 people · Founder-owned

Zenlift’s founder once rejected a growth plan for being "too loud." Churn is referred to internally as "people finding their path."

Healthcare

Clinical clarity, zero ambiguity.

Carebright

Premium
“Care, in plain sight.” · PM: Amara · Healthcare
Test results
Carebright
Basic metabolic panel
Collected 2026-09-03 · 07:41
Glucose112 mg/dLHIGH
Reference: 70–99 mg/dLfasting
Sodium139 mmol/LNORMAL
Glucose is slightly above the reference range. Your care team has been notified and will follow up.
Appointment scheduler
Carebright
Dr. Amara Osei — Internal Medicine
Annual physical · 30 min · Downtown clinic
THU, SEP 10
9:30 AM10:15 AM11:00 AM2:30 PM
Reschedule anytime up to 24 hours before.

Brand guide

The language: Clinical clarity: cool white, medical teal, square-shouldered layout, no decoration.

Colors
Primary
#0D7D90
Secondary
#D0342C
Ground
#E8F1F4
Type
Aa Heading
Body copy sets in the same face.
Sans · system
Shape
controls 6px
cards 10px
Soft shadows, in the brand’s register.
Look for
  • —Square shoulders: 6px corners. Friendliness is not a feature.
  • —Medical teal #0d7d90 for actions; flags keep their semantic colors.
  • —HIGH flags are amber. A teal warning is not a warning.
Your PM
Amarashe/her
Clinical Product Manager

A nurse for nine years. Reads every screen like a chart.

“A misplaced marker can read a HIGH as normal. This is not a metaphor.”

How they write
A perfect day
“Every review clean on first read. This is the standard of care.”
A rough day
“Most of today came back. Patients would have noticed.”
Ten hearts
“You are on the standard-of-care list. There are three names on it.”
Healthcare · Premium client

Carebright: Care, in plain sight.

Founded 2009 · Toronto · 620 people · Privately held

Nothing ships without the clinical-review checkbox, and the checkbox has a committee. The design system predates the logo; legal approved both.

Developer tools

Dark by default, dense by demand.

Querico

Standard
“Query everything.” · PM: Dex · Developer tools
Search toolbar
Querico
search components…
tokenscomponentsdocs
Logs viewer
Querico
api-gatewayprod · us-east-1
● live
filter logs…
14:02:11.482INFOGET /v2/query 200 41ms
14:02:14.019WARNretry 2/3
14:02:19.775ERRORtimeout: upstream 8000ms
14:02:20.001INFOcircuit breaker: half-open

Brand guide

The language: The IDE aesthetic: editor-dark, mono accents, indigo glow, information first.

Colors
Primary
#7C86FF
Secondary
#4CC38A
Ground
#101014
Type
Aa Heading
Body copy sets in the same face.
Mono · system
Shape
controls 8px
cards 12px
Soft shadows, in the brand’s register.
Look for
  • —Mono everywhere. A sans log line has been tampered with.
  • —Indigo is #7c86ff — stock framework indigo (#6366f1) is an impostor.
  • —Severity is sacred: warn is amber, error is red, never mixed.
Your PM
Dexhe/him
PM, Developer Experience

Was an engineer. Still reviews the reviews.

“semantic color. mono discipline. if the timestamp lies, the whole log lies.”

How they write
A perfect day
“clean sweep. merged everything. ship it.”
A rough day
“more drift than diff today. bounced most of it.”
Ten hearts
“LGTM on you, permanently. no further comments.”
Developer tools · Standard client

Querico: Query everything.

Founded 2017 · Portland · 210 people · Series C

Querico’s docs are better than its marketing, which the marketing team considers a bug and everyone else considers the brand.

Creative

The brand IS the portfolio.

Pigmento

Steady
“Make loud things.” · PM: Vico · Creative
Gallery grid
Pigmento
FRESH WORK
ALL · PRINT · WEB · 3D
🌀
SPIN CYCLE♥ 1,204
🧨
LOUD TYPE VOL. 2♥ 987
Project detail
Pigmento
🌵
STAFF PICK
NEON BOTANICA
by Vera Kass · Berlin
POSTERRISOTYPE
♥ 3,481 · 12,077 views

Brand guide

The language: The portfolio brand: hot coral ground, chunky black type, brutalist borders, zero shyness.

Colors
Primary
#191113
Secondary
#FFDE59
Ground
#FF5C47
Type
Aa Heading
Body copy sets in the same face.
Sans · system
Shape
controls 2px
cards 4px
Hard shadows — 6px 6px, zero blur.
Look for
  • —Shadows are hard: 6px 6px 0, black, zero blur. Blur is fear.
  • —Borders are 2px and black. Black means black (#191113).
  • —Corners are 2px. Rounding is an apology.
Your PM
Vicohe/him
CREATIVE DIRECTOR (AND PM, APPARENTLY)

PRINTMAKER. STILL HAS THE HANDS.

“SOFTNESS IS THE DRIFT. IF IT ROUNDS, IT IS WRONG.”

How they write
A perfect day
“EVERY TICKET LOUD AND TRUE. WE ARE NOT CRYING.”
A rough day
“MOST OF IT ROUNDED. THE STICKER IS STRAIGHT. WE ARE UPSET.”
Ten hearts
“YOU GET IT. NOBODY GETS IT. YOU GET IT.”
Creative · Steady client

Pigmento: Make loud things.

Founded 2012 · Mexico City · 26 people · Founder-owned

Pigmento was founded at a poster sale by three designers who agreed on nothing except border width. The office has no beige.

Productivity

Calm surfaces for busy people.

Deskly

Standard
“Your week, sorted.” · PM: Noor · Productivity
Task board
Deskly
To do3
Draft Q4 roadmap
Sep 12
Review support macros
Overdue
+ New
In progress1
Migrate weekly digest
Sep 15
+ New
Command palette
Deskly
Type a command or search…
Suggestions
Create new doc⌘N
Open calendar⌘⇧C
Search workspace⌘K
↑↓ to navigate · ↵ to select · esc to dismiss

Brand guide

The language: The calm workspace: paper white, quiet violet, soft borders — restraint as a feature.

Colors
Primary
#6D5CE7
Secondary
#B45309
Ground
#F6F5F3
Type
Aa Heading
Body copy sets in the same face.
Sans · system
Shape
controls 8px
cards 12px
Soft shadows, in the brand’s register.
Look for
  • —The violet is quiet: #6d5ce7. Saturated purple is shouting.
  • —Sentence case only. ALL CAPS breaks the calm.
  • —Overdue is an amber nudge, never a red siren.
Your PM
Noorshe/her
Product Manager, Core

Ran ops for a logistics firm. Calm under load.

“Calm is the spec. Loud is the drift. A board should feel like a quiet room.”

How they write
A perfect day
“A calm, complete day. The board stayed quiet.”
A rough day
“Most of today came back. Loud, for us.”
Ten hearts
“Your reviews are the one board I never re-sort.”
Productivity · Standard client

Deskly: Your week, sorted.

Founded 2010 · Copenhagen · 340 people · Series D

Deskly runs its all-hands as a shared doc with comments off. The roadmap is a board, and the board is immaculate.

Music

The interface is a stage in the dark.

Loopwave

Steady
“Press play on everything.” · PM: Juno · Music
Now playing
Loopwave
Midnight Interstate
E
Neon Meridian
1:07−2:38
Playlist detail
Loopwave
late night drives
32 songs · 2 hr 14 min
1
Interstate 99
Neon Meridian
3:45
2
Sodium Lights
Glass Harbor
2:58
3
Coast Mode
KOA
4:12

Brand guide

The language: The stage in the dark: pure black, signal green, pill controls — streaming-app grammar.

Colors
Primary
#1FD760
Secondary
#FFFFFF
Ground
#080808
Type
Aa Heading
Body copy sets in the same face.
Sans · system
Shape
controls pill
cards 16px
Soft shadows, in the brand’s register.
Look for
  • —The stage is black (#080808); the surface barely lifts (#141414).
  • —Green is #1fd760, and it is ours — Kite’s #00e676 is another company.
  • —Green marks the playing state and primary play. Nothing else.
Your PM
Junothey/them
pm, listening

dj, then a label, then this.

“the one green. the exact count. play is a white circle, always.”

How they write
A perfect day
“every track clean. album of the day.”
A rough day
“most of today got skipped.”
Ten hearts
“liner notes credit you now. that is not a joke.”
Music · Steady client

Loopwave: Press play on everything.

Founded 2015 · Berlin · 180 people · Series B

The office speakers have been silent once, for eleven minutes, during an outage in 2021. There is a plaque. Every design review still happens in a dark room at concert volume.

Video

Everything defers to the frame.

Vidora

Standard
“Watch what happens.” · PM: Cass · Video
Watch page
Vidora
🌲
I Rebuilt My Studio in 24 Hours
1.2M views · 3 days ago
Fern & Field✓
842K subscribers
24KShareSave
Home feed
Vidora
🏔
12:04
Cabin build, part 4: the roof…
Fern & Field ✓ · 421K views
🎙
LIVE
Late Night Radio — 24/7
Glass Harbor · 3.1K watching

Brand guide

The language: The player chrome: white ground, signal red, sharp corners — everything defers to the frame.

Colors
Primary
#E62117
Secondary
#2BA640
Ground
#F9F9F9
Type
Aa Heading
Body copy sets in the same face.
Sans · system
Shape
controls 4px
cards 12px
Soft shadows, in the brand’s register.
Look for
  • —Everything defers to the frame. Chrome that competes is drift.
  • —Signal red #e62117 marks Subscribe, LIVE, and progress. Nothing else.
  • —Corners: 4px controls, 8px thumbnails, 12px player. Sharp, not soft.
Your PM
Casshe/him
PM, Creator Tools

Edited videos for a living. Counts frames by habit.

“Everything defers to the frame. Chrome that competes is a drift.”

How they write
A perfect day
“Every frame true. Featured the day on the channel.”
A rough day
“Most of it competed with the frame.”
Ten hearts
“Pinned comment. Featured reviewer. Ring the bell.”
Video · Standard client

Vidora: Watch what happens.

Founded 2007 · Seoul · 2,100 people · Public

Vidora’s homepage rearranges itself hourly and nobody knows why, including the team. The red is the oldest hex in the codebase and the only one with a named inventor.

Social & chat

Rooms, threads, and presence.

Pingroom

Premium
“Where the thread lives.” · PM: Ines · Social & chat
Channel thread
Pingroom
#design-reviews
34 members · Every pixel gets a second look
mira.k10:42 AM
shipped the new empty states — @sam can you take the review pass?
👀 3🚢 2
3 replies
new
sam.oduya10:51 AM
on it — opening the ticket now 🔍
Direct messages
Pingroom
Direct messages
Jump to…
priya.n
can you look at the audit before standup?
9:58 AM2
dex.r
you: sounds good
Yesterday at 4:03 PM

Brand guide

The language: The workplace room: aubergine chrome, white canvas, friendly-but-corporate — workplace-chat lineage.

Colors
Primary
#8D2B8F
Secondary
#FFDE59
Ground
#3A1339
Type
Aa Heading
Body copy sets in the same face.
Sans · system
Shape
controls 8px
cards 14px
Soft shadows, in the brand’s register.
Look for
  • —Aubergine chrome (#3a1339); the canvas stays white. Dark room, light page.
  • —Accent #8d2b8f. Unread badges are aubergine — a red badge is another platform.
  • —Avatars are rounded squares (8px). Circles are another platform’s move.
Your PM
Inesshe/her
Product Manager, Messaging

Incident commander for two years. Sleeps with one eye on the thread.

“Presence green means present. Recolor it and you have shipped a lie.”

How they write
A perfect day
“Every ticket within SLA. The incident thread has nothing to say.”
A rough day
“Most of today missed SLA. The thread has a poll.”
Ten hearts
“You are on the incident channel now. That is the highest trust we have.”
Social & chat · Premium client

Pingroom: Where the thread lives.

Founded 2013 · Austin · 95 people · Series B

Pingroom began as an internal tool at a company that no longer exists. Every decision is a thread, every thread has forty replies, and the aubergine has survived three CEOs.

Mobility & delivery

Maps, ETAs, and bold geometry.

Swiftly

Steady
“There in minutes.” · PM: Theo · Mobility & delivery
Live tracking
Swiftly
4 min away
Marco · Toyota Prius · Black
7KDM482
En routeArrivingTrip
Cancel ride
Trip receipt
Swiftly
$14.20
Sep 4 · 6:12 PM
5th & Pine → Harbor Market
Base fare$6.00
Distance$4.25
Time$2.10
Service fee$1.85
Visa •••• 4821Personal

Brand guide

The language: The dispatch look: hard black on white, strong geometry, zero ornament — dispatch discipline.

Colors
Primary
#111111
Secondary
#276EF1
Surface
#FFFFFF
Type
Aa Heading
Body copy sets in the same face.
Sans · system
Shape
controls 0px
cards 0px
Soft shadows, in the brand’s register.
Look for
  • —Radius is 0. Everywhere. A rounded corner is a resignation letter.
  • —Black #111111 on white. Color is cargo — the interface carries none.
  • —ETAs are flat numbers: "4 min". Dispatch doesn’t hedge with ~.
Your PM
Theohe/him
DISPATCH PM

DROVE FOR THREE YEARS. KNOWS WHAT A LATE ETA COSTS.

“RADIUS ZERO. MONOCHROME. AN ETA IS A PROMISE.”

How they write
A perfect day
“EVERY DELIVERY ON TIME. ZERO ROUNDED CORNERS.”
A rough day
“MOST ROUTES LATE. CORNERS ROUNDED.”
Ten hearts
“PRIORITY ROUTING. YOU. ALWAYS.”
Mobility & delivery · Steady client

Swiftly: There in minutes.

Founded 2016 · Lagos · 460 people · Series C

The design system is four pages long and three of them say no. The corner-radius debate ended in 2019; the corner radius lost.

Design tools

Canvas apps judged by canvas people.

Vektor

Standard
“Draw the system.” · PM: Sasha · Design tools
Layers panel
Vektor
LAYERS
Find layer…
# Home / v2👁🔒
T Headline
❖ Button / Primary
▢ Hero image
# Pricing / draft
Canvas selection
Vektor
Home / v2
Hero headline goes here
Get started
375 × 812
100%

Brand guide

The language: The canvas chrome: whisper-gray panels, 11px density, one selection blue — the tool must be quieter than the work.

Colors
Primary
#2564FF
Secondary
#7B61FF
Ground
#E9E9E9
Type
Aa Heading
Body copy sets in the same face.
Sans · system
Shape
controls 4px
cards 8px
Soft shadows, in the brand’s register.
Look for
  • —The chrome is quieter than the work: 11px labels, whisper panels.
  • —Selection blue #2564FF marks selection — and absolutely nothing else.
  • —Components are purple (#7B61FF). A blue component is a broken promise.
Your PM
Sashashe/her
PM, Editor

A designer who reviewed a design tool inside a design tool and never recovered.

“Two sacred colors. Selection blue is for selection. Component purple is for components.”

How they write
A perfect day
“Every handle square. Every color where it belongs.”
A rough day
“Most of today used purple for selection.”
Ten hearts
“We named a handle after you. It is square.”
Design tools · Standard client

Vektor: Draw the system.

Founded 2018 · Stockholm · 70 people · Series A

Half its employees applied by redesigning the application form. The inspector panel has a fan account, and someone in Berlin has the selection blue tattooed as a hex code.

Image editing

Panels, palettes, precision.

Revela

Premium
“Develop everything.” · PM: Iris · Image editing
Adjustments panel
Revela
ADJUSTMENTS
Reset
Exposure−0.35
Contrast+20
Highlights+12
Layers & blend
Revela
Multiply ▾
80%
Grade v3👁
Subject cutout👁
Background plate👁

Brand guide

The language: The darkroom: charcoal panels, one safelight amber, checkerboard honesty — the image is the only bright thing.

Colors
Primary
#F2A33C
Secondary
#2A2A2E
Ground
#1F1F22
Type
Aa Heading
Body copy sets in the same face.
Sans · system
Shape
controls 6px
cards 10px
Soft shadows, in the brand’s register.
Look for
  • —The image is the only bright thing. Chrome stays charcoal.
  • —Safelight amber #F2A33C marks the active control — never decoration.
  • —Signed values keep real signs: +0.35, −20. A hyphen is not a minus.
Your PM
Irisshe/her
Product, Darkroom

Printed photographs by hand. Still smells the fixer.

“A hyphen is not a minus. The image is the only bright thing.”

How they write
A perfect day
“Every print true to the negative.”
A rough day
“Most of today was a hyphen pretending to be a minus.”
Ten hearts
“Your name is on the contact sheet. In pencil, which is permanent here.”
Image editing · Premium client

Revela: Develop everything.

Founded 2003 · Montréal · 55 people · Never raised

Revela was founded in an actual darkroom and the office lighting is still suspiciously amber. Releases are "developed," never "shipped," and the histogram is load-bearing.

Motion & video editing

Timelines, keyframes, easing.

Kinema

Standard
“Time is the canvas.” · PM: Rhea · Motion & video editing
Timeline
Kinema
0:00:04:1229.97 fps
:01:02:03:04:05
Main_Comp_v2 · Lower_Third
Position
BG_Plate
Easing editor
Kinema
EASING
cubic-bezier(0.25, 0.1, 0.25, 1.0)
Ease InEase OutExpo

Brand guide

The language: The timeline: near-black stage, one playhead cyan, diamond keyframes — only the work moves.

Colors
Primary
#2BD9E0
Secondary
#FF6B6B
Ground
#131317
Type
Aa Heading
Body copy sets in the same face.
Sans · system
Shape
controls 6px
cards 10px
Soft shadows, in the brand’s register.
Look for
  • —Time is the canvas. The stage stays near-black; only the work moves.
  • —Playhead cyan #2BD9E0 marks time — playhead and keyframes, nothing else.
  • —Timecode is HH:MM:SS:FF, in mono. A period before frames is a decimal lie.
Your PM
Rheashe/her
PM, Timeline

Cut trailers. Counts in frames, not seconds.

“29.97 is not 30. Diamonds are keyframes. Circles are handles.”

How they write
A perfect day
“Every frame accurate. Nothing to fix in post.”
A rough day
“Most of today ran at 30 instead of 29.97.”
Ten hearts
“Final cut goes through you. That is the whole credit.”
Motion & video editing · Standard client

Kinema: Time is the canvas.

Founded 2005 · Prague · 120 people · Privately held

Nobody has seen the office in daylight, and the render farm is named after the coffee machine. Every meeting ends with “we will not fix it in post,” and every project ends with fixing it in post.

Forums

Threads all the way down.

Agora

Steady
“The thread is the town square.” · PM: Bram · Forums
Thread page
Agora
▲12.4k▼
a/designreview · u/mira_k · 7h
The deliverable drifted AGAIN and nobody noticedDiscussion

Compared the spec against the build this morning and found three differences. Posting the side-by-side below…

💬 342 commentssharesave
Comment tree
Agora
BestNewTop
u/dax_mod · 142 points · 6h

Confirmed — the spec still says 8px. Locking speculation, keep it constructive.

reply
u/mira_kOP · 89 points · 5h

Good catch — the padding is off by 2px.

12 more replies

Brand guide

The language: Paper-white columns, dense text, two semantic colors — upvote persimmon, downvote periwinkle. The votes are the only color.

Colors
Primary
#FF6A1F
Secondary
#6A7CFF
Ground
#ECEAE5
Type
Aa Heading
Body copy sets in the same face.
Sans · system
Shape
controls 8px
cards 12px
Soft shadows, in the brand’s register.
Look for
  • —The votes are the only color: upvote persimmon #FF6A1F, downvote periwinkle #6A7CFF.
  • —Counts abbreviate: 12.4k. The k is lowercase and there is no space.
  • —Green means moderator, nowhere else.
Your PM
Bramhe/him
pm (the mods outrank me)

was a moderator for six years. still is, culturally.

“the votes are the only color. green means moderator, nowhere else.”

How they write
A perfect day
“every ticket clean. the mods have nothing to add.”
A rough day
“most of today got a side-by-side thread.”
Ten hearts
“the mods gave you flair. they have never done that.”
Forums · Steady client

Agora: The thread is the town square.

Founded 2011 · Amsterdam · 40 people · Nonprofit

Agora’s moderators outnumber its employees and outrank them culturally. Rule 7 forbids discussing rule 7, and the upvote persimmon has never been changed — only defended.

Dating

First impressions, engineered.

Duet

Steady
“Two lines meet.” · PM: Noa · Dating
Profile card
Duet
peak-3
Rowan, 29
3 mi away · online now

Looking for a hiking partner. Fluent in trail mix.

HikingFilm photographyRamen
Match moment
Duet
It’s a duet
You and Rowan noticed each other.
coast-3
peak-2
Keep browsing

Brand guide

The language: The dusk lounge: plum ground, white profile cards, one rose accent — warm, hopeful, never desperate.

Colors
Primary
#DA1D60
Secondary
#33122E
Ground
#33122E
Type
Aa Heading
Body copy sets in the same face.
Sans · system
Shape
controls 16px
cards 22px
Soft shadows, in the brand’s register.
Look for
  • —Warm, hopeful, never desperate. Exclamation marks are rationed.
  • —Rose #DA1D60 is yours: your bubbles, the heart, the send. Theirs stays blush.
  • —The pass button is neutral. A red X is a rejection slap.
Your PM
Noathey/them
Product & Trust

Wrote for a magazine about being kind. Now ships it.

“Would you want to receive this sentence? That is the whole review.”

How they write
A perfect day
“every sentence kind and true 💞”
A rough day
“most of today was not kind.”
Ten hearts
“we made a duet. professionally. 💞”
Dating · Steady client

Duet: Two lines meet.

Founded 2023 · Nairobi · 18 people · Seed

The founders met on a rival app and built this one about everything that app got wrong. Every copy review asks one question: would you want to receive this sentence?

Sales & CRM

Pipelines, quotas, dashboards.

Quotient

Premium
“Close the quarter.” · PM: Marta · Sales & CRM
Pipeline board
Quotient
PROSPECTING$132,000
$48,000
Meridian Health · Renewal
70%
$84,000
Northwind Robotics · New
40%
NEGOTIATION$86,000
$86,000
Atlas Freight · Expansion
Closed Won
Opportunity detail
Quotient
Meridian Health · Renewal · FY26
QualifyProposeNegotiateClose
AMOUNT
$120,000
CLOSE DATE
Sep 30
OWNER
Dana Cole

Brand guide

The language: The pipeline: cloud-white ground, navy ink, one action azure, dense exact numbers — the quarter is always ending.

Colors
Primary
#0B5CAB
Secondary
#16325C
Ground
#F3F6F9
Type
Aa Heading
Body copy sets in the same face.
Sans · system
Shape
controls 6px
cards 10px
Soft shadows, in the brand’s register.
Look for
  • —Numbers are exact: $48,000, with commas. $48K is for headlines.
  • —Closed Won is green. Closed Lost is red. Nothing else may be either.
  • —The current stage is azure; done stages are navy; futures are quiet.
Your PM
Martashe/her
Director of Product, Revenue

Sold the thing before she built the thing. Quota carried.

“Every sum agrees. Won is green. Procurement is listening.”

How they write
A perfect day
“Every sum agreed. Procurement has no notes.”
A rough day
“Most of today did not sum. Procurement will hear about this.”
Ten hearts
“Sole-sourced. Procurement signed off on you. That has never happened.”
Sales & CRM · Premium client

Quotient: Close the quarter.

Founded 2015 · Chicago · 780 people · Public

Forty quarters have closed since the first dashboard, and not one of them quietly. Every meeting has a dashboard, every dashboard has a meeting, and the CRM admin outranks the CFO in practice.

Travel & hospitality

The image sells the stay.

Sojourn

Standard
“Stay somewhere worth it.” · PM: Amelie · Travel & hospitality
Destination picker
Sojourn
Where the light is good
Where to next?
coast-2
Amalfi Coast, Italy4.9 ★
from $89/night
peak-1
Berner Oberland4.8 ★
from $124/night
Stay detail
Sojourn
room-2
pool-2
room-4
+12
Casa Lumen — cliffside suite
Fira, Santorini · 2 guests · 1 bed
WiFiPoolBreakfast
$212 / night

Brand guide

The language: The concierge: warm linen, terracotta, photography-first — the image sells the stay, the chrome stays out of the frame.

Colors
Primary
#B85339
Secondary
#33281F
Ground
#F4EDE3
Type
Aa Heading
Body copy sets in the same face.
Sans · system
Shape
controls 12px
cards 18px
Soft shadows, in the brand’s register.
Look for
  • —The image sells the stay. Chrome stays out of the frame.
  • —Photos match the rooms. Every image slot has ONE intended image.
  • —Serif for headings; the concierge writes in Georgia.
Your PM
Amelieshe/her
Head of Guest Experience

Ran a small hotel where the light was good.

“The photos match the rooms. The concierge never shouts.”

How they write
A perfect day
“Every photo matched every room. Five stars, framed.”
A rough day
“Most of today did not match the pictures.”
Ten hearts
“There is a room with your name on it. Sea view. No charge.”
Travel & hospitality · Standard client

Sojourn: Stay somewhere worth it.

Founded 2011 · Lisbon · 32 people · Founder-owned

Every employee has stayed in every property, and the photography budget exceeds engineering. The one-star review "nothing was as pictured" is framed in the office as a warning.

Commerce & fashion

Whitespace, and the price in full.
A

Ardent

Premium
“Wear it for years.” · PM: Margaux · Commerce & fashion
Product page
AArdent
coat-1
Wool Overcoat, Camel
$420
SIZE
XSSMLXL
FREE SHIPPING OVER $200
Collection grid
AArdent
NEW IN
coat-3
Wool Overcoat, Camel
$420
boot-1
SALE
Leather Ankle Boot
$420$280
coat-4
Belted Trench, Stone
$560
boot-2
Chelsea Boot, Black
$340

Brand guide

The language: The fashion house: editorial whitespace, enormous imagery, sharp corners and uppercase tracked labels — sale red is the only color, and it only ever marks a sale.

Colors
Primary
#111111
Secondary
#C8102E
Ground
#FFFFFF
Type
Aa Heading
Body copy sets in the same face.
Sans · system
Shape
controls 0px
cards 0px
A hairline shadow, no blur.
Look for
  • —Radius is 0. A rounded corner belongs to another house.
  • —Sale red #C8102E marks sale prices and the SALE badge. Buttons are black.
  • —Prices are exact and whole: $420, never $420.00.
Your PM
Margauxshe/her
Atelier Director

Cut patterns before she cut scope.

“Red is a sale. Corners are corners. Prices have no cents.”

How they write
A perfect day
“Every piece flawless. The collection remembers.”
A rough day
“Most corners rounded today.”
Ten hearts
“The collection remembers you. That is the highest thing it does.”
Commerce & fashion · Premium client

Ardent: Wear it for years.

Founded 1998 · Milan · 210 people · Family-owned

One meeting room, no chairs, and sample sales conducted in near silence. The collection remembers every corner anyone tried to round.

Games

The rules are the interface.
♠

Patience

Steady
“One card at a time.” · PM: Otto · Games
The tableau
♠Patience
Q♥
A♠
2♠
3♠
7♠
10♦
J♣
4♥
K♠
2♣
9♦
Moves 112 · 4:07
Won
♠Patience
You won
Nicely played.
TIMEMOVESBESTGAMES
4:071123:411,204
Back to the table

Brand guide

The language: The card table: deep felt ground, ivory cards, ranks set in a serif and one gold action — suit color is law, black is black and red is red.

Colors
Primary
#F2C94C
Secondary
#C0392B
Ground
#1E5C34
Type
Aa Heading
Body copy sets in the same face.
Sans · system
Shape
controls 6px
cards 12px
Soft shadows, in the brand’s register.
Look for
  • —Suit color is law: ♠ and ♣ are #1A1A1A, ♥ and ♦ are #C0392B. A red spade is a bug.
  • —Suit glyphs are filled. The outlines ♡ ♢ belong to another deck.
  • —Rank sits above suit, stacked, the glyph twice the rank — never side by side.
Your PM
Ottohe/him
the table

dealt cards for twenty years. patient by trade.

“a red spade is a bug. the foundation builds in order.”

How they write
A perfect day
“every deal clean. the table thanks you.”
A rough day
“most of today was a red spade.”
Ten hearts
“you always get a seat. the good chair.”
Games · Steady client

Patience: One card at a time.

Founded 2018 · Reno · 6 people · Two founders

Patience was founded by two people who met across a card table and have never once agreed on Draw 1 versus Draw 3. The felt color has a standing committee.

Utilities

Giant numerals, nothing decorative.

Halfpast

Standard
“Up at the hour you said.” · PM: Bo · Utilities
Alarms
Halfpast
7:00AM
Weekdays
MTWTFSS
9:30AM
Weekend
MTWTFSS
World clock
Halfpast
World clock
Tokyo
Tomorrow, +9HRS
11:20PM
London
Today, +1HR
3:20PM
Chicago
Today, −4HRS
9:20AM

Brand guide

The language: The bedside clock: near-black ground, giant tabular numerals, small-caps meridiem and one alarm orange for the armed state — nothing decorative survives.

Colors
Primary
#FF9F0A
Secondary
#30D158
Ground
#0F0F12
Type
Aa Heading
Body copy sets in the same face.
Sans · system
Shape
controls 14px
cards 20px
Soft shadows, in the brand’s register.
Look for
  • —Twelve-hour, everywhere: 7:00 AM. A 24-hour time is somebody else’s clock.
  • —AM and PM are uppercase and letter-spaced, at about 40% of the numeral.
  • —Every time is tabular. Proportional digits make the column wobble.
Your PM
Bohe/him
Product, Time

Kept the clocks at a railway. Never late since.

“AM is small caps. Digits are tabular. The colon has no spaces.”

How they write
A perfect day
“Every ticket on time, every colon in place.”
A rough day
“Most of today was late.”
Ten hearts
“You are the one appointment I never move.”
Utilities · Standard client

Halfpast: Up at the hour you said.

Founded 2013 · Zürich · 24 people · Never raised

In 2016 someone set every office clock four minutes fast. Nobody has admitted it, and nobody has fixed it. Every feature request is answered with the number of seconds it would cost.

Nutrition

Numbers without judgment.

Larder

Standard
“Eat well. No lectures.” · PM: Mira · Nutrition
Daily log
Larder
Tuesday · 9 Sep
1,640
of 2,000 kcal
Protein 92 g · Carbs 151 g · Fat 54 g
Breakfast
Oats with berries · a bowl · 320 g
410
Lunch
Lentil soup · a bowl · 320 g
186
Dinner
Roast chicken · a palm · 140 g
612
Snack
Almonds · a handful · 30 g
173
Meal detail
Larder
Lentil soup
−1 bowl · 320 g+
Calories186 kcal
Protein11.2 g
Carbs27.6 g
Fat2.8 g
Fibre12.4 g
Over your fibre goal by 4 g
Save for later

Brand guide

The language: The kitchen-table nutrition school: pale leaf ground, white cards, one green, numbers that never scold.

Colors
Primary
#257A42
Secondary
#E8871E
Ground
#EEF3EA
Type
Aa Heading
Body copy sets in the same face.
Sans · system
Shape
controls 12px
cards 20px
Soft shadows, in the brand’s register.
Look for
  • —A number is never red. Over a goal is tangerine (#e8871e), and it is information.
  • —Portions are words first, grams second: “a handful · 30 g”.
  • —One green, #257a42: the goal ring and the log button. Vegetables do not get their own.
Your PM
Mirashe/her
Head of Product, dietitian first

Eight years in clinical practice before software. Left when the apps started shaming people.

“A number is never red. If the app sounds like a scold, it is wrong.”

How they write
A perfect day
“Every ticket true. A balanced day, and I mean that both ways.”
A rough day
“More came back than shipped. That is information, not a verdict.”
Ten hearts
“You are on the whole-foods list. It is very short.”
Nutrition · Standard client

Larder: Eat well. No lectures.

Founded 2019 · Bangalore · 48 people · Series A

Larder was started by a dietitian who counted how many diet apps used the color red, then built the one that does not. The office kitchen has a scale nobody uses.

With thanks

Somewhere right now a designer is defending a 4px gap, an engineer is finding the token that gap should have used, a product manager is asking whether it ships today, and a writer is cutting the sentence that explains it. That is where the products you use all day come from.

This game is a thank-you to the artists, designers, writers, researchers, engineers, product managers, and support teams who do that work. If you have ever wondered what your cousin in tech actually does all day: this, a thousand times, on purpose. Deeply appreciate what everyone does to inspire this. DesignDrift is a thank-you to everyone who makes products happen.

Every client here is fiction. The craft is not.