Primary wordmark
Transparent PNG / 700 x 200
01Marks
Lead with the wordmark.
The full wordmark is the default. Compact marks are for square or constrained surfaces only.
Live primitives
Light
diiirect
Dark
diiirect
Clear space
Keep the mark away from edges, partner logos, badges, and busy photography.
02Color
Cream, moss, then one signal.
The neutral scale carries almost everything. Accent colors are deliberately narrow.
50Cream
100Surface
200Card
300Line
400Icon
500Meta
600Muted
700Body
800Heading
900Ink
950Deep
Signature lime
--accentOne CTA, focus, status pips, dark-surface triads.
Mint wash
--mint-100Soft grouped surfaces and quiet AI hint states.
Verified
--okSuccess, verified, pre-vetted, live.
Warning
--warnPending, draft, needs attention.
Error
--errDestructive actions and failed validation.
Information
--infoSignals and secondary informational states.
Forest ink on cream
Primary reading surface.
Cream on deep forest
High-signal panels and dark examples.
Forest on lime
One signature action per view.
03Typography
Quiet weight. Direct language.
LT Soul Raela Pro sets the tone: editorial, clear, and confident without shouting.
Display / 500
Hire direct.
Heading / 500
The best work starts with a direct conversation.
Body / 400
Clear language, calm confidence, and enough space for the important details to land.
Meta / mono
The shortlist should feel smaller, sharper, and more useful.
Diiirect avoids inflated hiring language. Use simple claims, concrete nouns, and useful detail.
400
Regular
500
Medium
600
Semibold
700
Wordmark
04Components
Controls are quiet until they need to act.
Buttons, fields, and status chips use the same compact rhythm across marketing and product surfaces.
Actions
Status
VerifiedPendingNew signalNeeds review
Fields
Signature motion
Talent, moving direct
The arrow triad is the only recurring motion motif.
Button
<button className="btn btn--primary btn--md">Primary action</button>Section
<section className="section"><div className="container"><div className="section__head"><div className="section__rule">The platform</div><h2 className="section__title">Hire the top 1%.</h2></div></div></section>05Compositions
Examples should feel like real product surfaces.
The system is built for dense, useful interfaces and editorial marketing pages, not decorative cards.
diiirectPricing
For hiring teams
Skip the middle. Talk to the person doing the work.
A curated network of senior operators, screened before they reach your shortlist.
M
Maya ChenProduct design
98% matchR
Rafi CostaFrontend systems
94% matchN
Nora SinghGTM strategy
91% matchEvent sponsorship for a room of senior operators.
Audience: 450 founders and design leads in New York.
Routed to partnerships
06Voice
Sound clear, selective, and human.
The writing should feel like a precise brief from someone who knows the room.
Meet vetted senior operators already trusted by the teams hiring them.
Unlock a revolutionary talent ecosystem powered by cutting-edge synergy.
07Principles
Recognizable through restraint.
When the system is working, it feels calm before it feels styled.
Keep
- Cream is the base. White is reserved for elevated surfaces.
- Forest is the ink. Avoid pure black in branded interfaces.
- Lime is a signature, not a background system.
- Headings stay calm at medium weight and in sentence case.
Avoid
- Flooding a hero or section with bright lime.
- Using bold weight for every heading.
- Adding glass, glow, or decorative gradient effects.
- Writing loud, inflated, or generic SaaS copy.
If a layout needs excitement, improve the information, hierarchy, and rhythm before adding decoration.