Design System v1.0

DemandLayer UI

The visual language of the intelligence layer. Precise, dense, and quiet — every element earns its place by communicating signal quality.

Logo

Three stacked layers — Demand, Intelligence, Opportunity — with a signal passing vertically through the stack. The middle layer carries Electric Indigo (the intelligence layer); the base carries Emerald (verified outcome). No funnels, no arrows: the mark reads as infrastructure being traversed by data.

Color

Midnight Navy#001835Hero, navigation, dark surfaces
Electric Indigo#F6821FAI features, actions, active states
Emerald#10B981Qualified, verified, confidence
Soft White#F8FAFCCards, dashboards, content
Ink / Ink-2#111827 · #64748BPrimary and secondary text

Rule of use: Indigo means the system is thinking or acting. Emerald means the system has verified something. Never use Emerald for decoration — it is reserved for earned states, so a green badge always carries meaning.

Typography

DISPLAY / Geist 600
-.03em · 1.08
Turn intent into opportunity.
HEADING / Geist 600
-.02em · 1.2
Qualified Opportunities
BODY / Geist 400
15px · 1.55
Every opportunity carries a structured need profile, a calibrated score, and full provenance from signal to match.
DATA / Geist Mono 500
11px · +.1em caps
SIGNAL DL-88412 · SCORE 92/100 · VERIFIED

Buttons

Badges & signals

AI Verified Opportunity Signal · High Intent Qualifying LIVE FEED

Vocabulary is part of the system: use Demand, Signal, Opportunity, Qualification. The word "lead" does not appear anywhere in product UI or copy.

Score components

92SCORE
Intent Score94%
Conversion Probability87%

Scores use tabular numerals and rings, never gauges or dials. The ring fills clockwise from 12 o'clock; Emerald above threshold 80, Indigo between 60–79, neutral below.

Principles

Intelligence is visible

Every screen shows the system thinking: scores, confidence, provenance. Nothing arrives unexplained.

Opportunities feel valuable

Generous card spacing, verified badges, and estimated value make each opportunity read as an asset, not a row.

Dense but calm

High information density with disciplined type scale and one accent per surface. Power without clutter.

Earned green

Emerald appears only when the system has verified something. Its scarcity is what makes it trustworthy.