Sunhouse · Component sheet

Calm by daylight

Large 24 px tiles, frosted glass only where there is a photo-real scene behind it, grid blue for actions and solar amber reserved for anything the sun produces.

Grid blueSolar amberNightSky

Logo

Mark rebuilt from option 2 · lockups · sizes
Sunhouse
Sunhouse
48322416

Glass on the 3D scene

Live tags · floating tab bar
4.2 kWRoof · 86% of peak
78% · +2.0 kWFull by 15:10
Plugged inCharges at 01:00
HomePlanDevicesSavings

Frosted white 60% · blur 30 · saturate 170% · 1 px light rim. Text stays Night / Slate-700 — checked against the worst pixel of the photo behind.

Tariff timeline

Price bars + solar forecast
0p10p20p30p40p0006121802.55
Default
0p10p20p30p40p0006121802.55kW13:00 · 9pSolar 4.3 kW
Hour selected

Savings stat card

Light · dark
Saved in October£142.6018% vs Sep
Saved in October£142.6018% vs Sep

Device tile

4 states
Heat pump21.5° · 0.8 kW
Scheduled
EV chargerStarts 02:00 · to 80%
Charging
Battery78% · charging +2.0 kW
Offline
Hot tubLast seen 2 h ago
OnSelectedLive stateOffline

Rule builder row

Default · editing
WhenPrice below10pthenCharge EV to80%
Default
WhenPrice below10pthenCharge EV to80%
5p10p15pCheapest 4 h
Editing threshold

Buttons & inputs

States · error
Primary
Hover
Disabled
Secondary
Ghost
Kept for evening peak hours.
Use a value from 10 to 100

Toggle & segmented control

On · off · disabled
On
Off
Disabled
AutoEcoComfortAway
Segmented

Tab bar

Solid · glass capsule above
Solid