Yellow Grid
Measure and save energy
A — white · #ffffff
B — cool gray · #f3f4f6
C — slate · #e2e8f0 (decimals minor)
This month
287,23kWh
Times used
62
Out of plan
47 min 23 s
D — warm cream · #f8f3e8
This month
287,23kWh
↑ 12,3 % vs March
Times used
62
−4 vs March
Out of plan
47 min 23 s
↓ 15 min vs March
E — pale sky · #eff6ff
This month
287,23kWh
↑ 12,3 % vs March
Times used
62
−4 vs March
Out of NT
47 min 23 s
↓ 15 min vs March
F — pale mint · #f0fdf4
This month
287,23kWh
↑ 12,3 % vs March
Times used
62
−4 vs March
Out of Spot
47 min 23 s
↓ 15 min vs March
G — tight (padding 16, gap 12)
This month
287,23kWh
↑ 12,3 % vs March
Times used
62
−4 vs March
Out of plan
47 min 23 s
↓ 15 min vs March
H — airy (padding 32, gap 32)
This month
287,23kWh
↑ 12,3 % vs March
Times used
62
−4 vs March
Out of plan
47 min 23 s
↓ 15 min vs March
I — hero-forward (kWh dominates)
This month
287,23kWh
↑ 12,3 % vs March
Times used
62
−4 vs March
Out of plan
47 min 23 s
↓ 15 min vs March
J — inline list (label · value · trend per row)
April
This month
287,23kWh
↑ 12,3 % vs March
Times used
62
−4 vs March
Out of plan
47 min 23 s
↓ 15 min vs March
Last 7 days · 64,0 kWh
April
287,23kWh
−34 vs March
Times used
62
+8 vs March
Out of plan
47 min 23 s
−15 min vs March
Ran 23 min on peak tariff Tue 14:00 · 18 Kč extra
Ran 2 h 15 min on peak tariff yesterday · 145 Kč extra
Create an Account
To get started, please create your account. Your information is secure and will be used only for account setup and verification.
- Odběrné místoSupply point
- BojlerWater heater
- ShrnutíSummary
Přihlásit seLog in
Připojit zařízeníConnect your device
Kód Code YG7A2K
Vítejte, FrantoWelcome, Franta
Zde uvidíte svá zařízení.Your devices will appear here.
Stránky a tokyPages & flows
Klikni na kartu a otevři si její variantu.Click any version to open it.
Jak tento prototyp propojuje toky. Formuláře si ukládají, co napíšeš, do localStorage (bez backendu). Kód z V1–V4 se zobrazuje na V12 a v shrnutí V10; e-mail z V12 se předvyplňuje na V9 a V11. Odeslání pokračuje dál: zadání kódu → V12 → V9 nebo V11 → V10 (pokud je kód uložen) nebo V13 → V14. Štítek "Aktuální průchod" ukazuje, co je uloženo. Reset jej smaže.How this prototype connects flows. Forms save what you type to localStorage (no backend). The code typed on V1–V4 echoes on V12 and in V10's summary; the email typed on V12 prefills V9 and V11. Submit routes forward: code-entry → V12 → V9 or V11 → V10 (if code in store) or V13 → V14. The "Current session" pill shows what's stored. Reset wipes it.
Před přihlášenímOnboarding
Zadání kódu zařízeníDevice code entry
Uživatel zadává kód YG/Shelly z výrobního štítku.User types YG / Shelly code from device label.
Brána po zadání kóduCode-gate
Rozcestník: nový účet vs. přihlášení.Routes new vs returning user after code entry.
PřihlášeníLog in
Vracející se uživatel: e-mail + heslo.Returning user: email + password.
Vytvoření účtuAccount creation
E-mail, telefon, heslo.Email, phone, password.
Průvodce zařízenímDevice wizard
Odběrné místo, bojler, shrnutí.Supply point, water heater, summary.
Po přihlášeníPost-login
Prázdná nástěnkaEmpty dashboard
První přihlášení, žádná zařízení.First login, no devices yet.
Zařízení připojenoDevice connected
Potvrzení po dokončení průvodce.Confirmation after the wizard.
Karta zařízeníDevice card
Pohled na sledované zařízení a spotřebu.Energy-monitoring view of a device.
Mezery / k doplněníGaps / Future
Zapomenuté hesloForgot password
Reset přes e-mailový odkaz.Reset by email link.
TBDOvěření e-mailuEmail verification
Jednorázový kód nebo magic link po registraci.One-time code or magic link after signup.
TBDOdhlášeníLogout
Akce v topbaru / menu po přihlášení.Topbar / menu action on post-login pages.
TBDNastavení účtuAccount settings
Profil, jazyk, heslo, seznam zařízení.Profile, language, password, devices list.
TBDDetail zařízeníDevice detail
Varianty pro přihlášeného i nepřihlášeného návštěvníka.Logged-in vs not-logged-in variants.
TBDSeznam zařízeníMulti-device list
Když má uživatel 2+ zařízení.When the user has 2+ devices.
TBDShelly tokShelly post-flow
Potvrdit: stejný průvodce V10, nebo jiný?Confirm: same V10 wizard or different?
TBDHotovoAll set
Vaše zařízení je připojeno.Your device is connected.