MO
Matched to your brief
Discover sellers
Let the right sellers come to you.Post your brief to the 5 sellers that fit it. Proposals land in one thread, side by side.
Messages
Visual language · v0.2
Mediahall design system
Calm surfaces, one accent, numbers in mono. Built so trust signals read first and the deal data reads second.
Signal before story
Verified, response time and mutuals sit above the pitch. A buyer decides who to talk to in seconds.
Structure the deal
Briefs and proposals are cards, not paragraphs. Budget, flight and KPI never get lost in a thread.
Quiet until it matters
Neutral canvas, one indigo accent for actions, green only for fit and positive outcomes.
Color 8 tokens
Ink#111318
Accent#4B4EF0
Fit#0E8A5F
Limited#B4660A
Canvas#F6F6F3
Surface#FFFFFF
Line#E7E6E1
Muted#6E717A
Type Geist / Geist Mono
Display 26/600Discover sellers
Title 17/600Request proposal
Body 14/400Premium CTV across 40 regional newsrooms.
Meta 12.5/400Replies in about 2 hours
Data 13/mono$28–42 CPM · 4.2M HH
Component states default · hover · focus · disabled · loading
DefaultHoverFocusDisabledLoading
Primary
Accent
Chip
Input
Budget must be in thousands
Card
LT
Larkfield TVLT
Larkfield TVLT
Larkfield TVLT
PausedEmpty & error states
No saved sellers yet
Tap the bookmark on any seller to build a shortlist.
No briefs this week
Complete your rate card so more briefs match you.
Proposal didn't send
Your connection dropped. Nothing was lost, the draft is saved.
Voice & tone
Talk like a sharp media planner. Short, specific, numbers first. Never hype, never blame the user.
Do5 sellers fit your brief.
Don'tAmazing matches await you!
DoReplies in ~2 hrs
Don'tSuper responsive seller
DoProposal didn't send. Try again.
Don'tError 502: request failed
Components
Buttons
Filter chips
SignalsFits briefOpen Q1 availsLimited avails3 mutualsNew
Fit score
94
72
48
Green 85+, indigo 65–84, grey below.AvatarsCompanies are squares, people are circles.
TA
BC
DR
JL
KS
Spacing & radius
4
8
12
16
24
32
6 tag
10 input
14 card
Motion hover a tile
Panel slide320ms · cubic-bezier(.2,.8,.2,1)
Card lift200ms · 2px rise + shadow
Step change380ms · 16px slide + fade
Message in300ms · 6px rise