LeaseIQ / Design language

Clarity, with atmosphere.

A cinematic introduction. A precise workspace. One system built around the evidence.

01 / Palette & surfaces

Warm light. Deep shadows.

Canvas

#050505

Raised surface

#131312

Secondary surface

#181817

Warm cream

#F1ECE5

Olive

#A8C152

Olive hover

#BED56F

Data blue

#97BBCD

Hairline

Cream / 12%

Olive marks selection, focus, and progress. Cream carries primary actions. Source warnings, failures, and success use separate semantic colors and written labels.

02 / Typography

A voice for every layer.

INSTRUMENT SERIF / 400 & ITALIC

Find your place.
Know its story.

Hero 64–138px · Editorial emphasis only

INTER TIGHT / 500–600

Look beyond the address.

Page titles 32–56px · Marketing headings 40–76px

INTER / BODY & CONTROLS

Follow every finding back to its source. Unknown values remain unknown.

JETBRAINS MONO / METADATA

02 / INVESTIGATE · OCT 12, 2026

03 / Controls

Quiet, until you need them.

Not verified · confirm the exact unit.

Error · the report could not load. Retry the request.

Success · your preferences are saved.

Unknown · no reliable date was returned.

Examples of status presentation, not live notifications.

04 / Dense evidence

Keep the qualifications close.

ILLUSTRATIVE REPORT · NOT LIVE RESULTS
EvidenceValueSource statusObservation
Advertised unit rent$3,200 / monthSource reportedOct 12, 2026
Open HPD violationsUnknownUnavailableNot retrieved
Registered ownerExample ownerIllustrative onlyOct 12, 2026

05 / Rhythm & motion

Deliberate. Never in the way.

Controls
160ms · hover and press
Workspace
220ms · subtle arrival
Hero
1,100ms · 26px rise · 90ms stagger
Story content
900ms · 30px rise
Reduced motion
Static poster · all content visible

Native scrolling, persistent video pause, and immediate workspace feedback. Animations enhance already available content.

Spacing uses a 4px base with 20–72px page gutters. Sections use 72–180px vertical space. Controls have 8px corners; surfaces 12px; media 16px; primary actions use pills.

Keyboard focus uses a 2px olive outline with 4px offset. Dialogs trap focus, dismiss with Escape, and return focus to the trigger.