OneGlass · BVSJ · Property Accountability / Design System

Design Language Specimens

Attio-inspired light + Executive Dark — every token and primitive, faithfully ported.

tokens v4 · dark v3
Tokenssurfaces · ink · hairlines · accent · status
Paper
--dl-paper
Paper raised
--dl-paper-raised
Paper inset
--dl-paper-inset
Hairline
--dl-hairline
Hairline strong
--dl-hairline-strong
Ink
--dl-ink
Ink soft
--dl-ink-soft
Ink muted
--dl-ink-muted
Accent
--dl-accent
Accent wash
--dl-accent-wash
Crimson
--dl-crimson
Crimson wash
--dl-crimson-wash
Gold
--dl-gold
Gold wash
--dl-gold-wash
Green
--dl-green
KPI cardsone dominant read · 38px figures · sparkline replaces text
Critical habitabilityCritical
72
gas · heat · leak · mold
Overdue work orders
183
oldest open 14 months
Open city fines
$42K$6K
NYC Open Data06:00
Rent collected MTD
87.4%1.2
BVSJ uploadJun 24
SLA compliance
64%4
target 85%
Verified closures
72%5
photo evidence enforced
Unassigned work
92
3 critical await capability match
Statusdot + label, always · semantic only
SLA breachPending reviewVerifiedAgent proposesDraft

Red = breach/critical · amber = pending/blocked-on-you · green = verified/on-track · blue = actionable/selected. Never decorative.

Machine-written factsmono chain-of-custody layer
NYC HPD06:00NYC 31106:00BVSJ uploadJun 24
WO-1042 · 210 Hart Street · Unit 4B
opened 2026-05-02 08:14 · run_8f3c2a
geo ✓ · time ✓ · device ✓

IDs, timestamps, SLA clocks, source badges, and GPS render in mono; human-written content stays in sans.

Identity threadingcircles = people · rounded squares = systems/agents · unassigned = visible gap
PersonGeorgeMaintenance
Vendor (warm)Vendor ARoofing
Agent (blue ✦)OneGlass AgentAutonomous
System (outline)NYC HPDFeed
Unassigned (crimson dashed)Unassigned
FacepileGFAV✦
Micro-vizeach replaces text it would take longer to parse
Sparklines
good — verified closures
bad — critical habitability
neutral — imported metric
Deltas — colour = goodness
Closures up (good)5
Breaches down (good)4
Fines up (bad)$6K
Rent down (bad)1.2
No change0
Target meters
SLA compliance64% / 85%
Verified closures72% / 70%
Agent plan progress45%
Heat strips — 12-week history
210 Hart Street (worsening)
495 Sterling Pl (recovering)
Kreshma Annex (quiet)
Containers & selectionselection = wash + uniform ring — never an edge bar
CardRaised surface

Hairline border, 8px radius, whisper shadow, 20px padding.

Card · insetInset surface

Quiet neutral fill, no shadow — wells, table heads, grouped facts.

Card · selectedOpen / focused

Soft accent border + 3px wash halo. No layout jump, no edge bar.

Card · criticalBreach
Criticality ring

Uniform pale status ring + chip — intrinsic encoding, never an edge.

Well · human vs machine
“Tenant reports recurring leak under the kitchen sink — third visit this month.”
captured 2026-06-27 14:12 · 38ft from unit · iPhone 15
Empty state — data honesty
Awaiting sourceDOB permits have not synced yet. Connect the feed in Integrations — this table never shows ghost rows.
0 recordsNYC DOBawaiting