Voltyard · Component sheet

Depot UI kit

Flat panels, 1 px rules, big numerals. Charge green for actions; volt lime only for data and selection.

ChargeVoltAsphaltConcrete

Logo

3D mark (raster) · sizes · lockup
3D mark · on concrete
3D mark · on asphalt
64403224
3D mark only — no flat version
VoltyardVoltyard
Lockup · Space Grotesk 600 wordmark

Isometric charge block. A green block with a lime bolt cut through it — one depot bay seen from above. One mark everywhere: case, cards, sidebar. It holds down to 24 px; smaller than that, set the wordmark alone.

Charger status tile

4 of 6 states
C-01150 kW
Charging · 142 kW VAN-03 61% → 90%01:20
C-04150 kW
Starts 23:00 VAN-12 64% → 90%04:10
C-0350 kW
48 kW · late risk VAN-07dep 05:40 29% → 90%05:30
C-0950 kW
Fault · offline No telemetry since 21:12
ChargingSelectedLate riskFault

Gantt row

Default · selected · risk · no bay
VAN-2134% → 95%Default
VAN-1264% → 90%Selected
VAN-0729% → 90%Late risk
VAN-2912% → 90%No bay

State-of-charge bar

Now → target, reserve
Charging 64% → 90%
Target reached
Low, below reserve
Late risk 29% → 90%

Buttons

Primary · secondary · ghost
Primary
Hover
Disabled
Secondary
Hover
Ghost
Ghost hover

Inputs

Default · error
Van must reach target by then.
Target must be 10–100%

KPI tile

Big numerals
Ready by 06:0034 / 40
5 charging on plan
Energy cost tonight€21411%vs last Tuesday

Filter bar

Chips · search · toggles
All vans 40Late risk 1Ready 24Filter vehicles

Alert row

Error · warning · info
C-09 went offlineNo telemetry since 21:12.Move to C-11
VAN-07 may miss 05:4010 min buffer.Swap to 150 kW
Peak tariff from 06:302 sessions overlap.

Map markers

Ops-mode · selected van
VAN-12 · 72%VAN-05 · 46%VAN-22 · 31%