Yellow Grid

Measure and save energy

Alternative on file

6-character code on your device yellow label — YGC: XXXXXX

Alternative on file
Yellow Grid device code

6-character code on your device yellow label — YGC: XX-XX-XX

In flow on code.html

6-character code on your device yellow label — YGC: XXXXXX

or

– shelly devices

12-character code on your device label, in app or device web

Alternative on file

6-character code on your device yellow label — YGC: XXXXXX or 12-character code for Shelly device

Alternative on file

A — white · #ffffff

B — cool gray · #f3f4f6

C — slate · #e2e8f0 (decimals minor)

Water heater measuring OK

This month

287,23kWh

Times used

62

Out of plan

47 min 23 s

D — warm cream · #f8f3e8

Water heater measuring OK

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

Water heater measuring OK

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

Water heater measuring OK

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)

Water heater measuring OK

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)

Water heater measuring OK

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)

Water heater measuring OK

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)

Water heater measuring OK

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

Alternative on file
Water heater measuring OK

Last 7 days · 64,0 kWh

NT hours Peak tariff
Alternative on file
Water heater measuring OK

April

287,23kWh

−34 vs March

Times used

62

+8 vs March

Out of plan

47 min 23 s

−15 min vs March

Alternative on file
Water heater measuring OK

Ran 23 min on peak tariff Tue 14:00 · 18 Kč extra

Water heater measuring OK

Ran 2 h 15 min on peak tariff yesterday · 145 Kč extra

In flow on signup.html

Create an account

To get started, please create your account. Your information is secure and will be used only for account setup and verification.

Phone number
In flow on setup.html
  1. Odběrné místoSupply point
  2. BojlerWater heater
  3. ShrnutíSummary

Odběrné místoSupply point

AdresaAddress

TarifTariff

18místný kód z faktury dodavatele elektřiny18-digit code from your electricity bill

Režim cenyPrice mode

FotovoltaikaSolar

Lokální fotovoltaikaLocal solar
In flow on login.html

Přihlásit seLog in

Nemáte účet? Don't have an account? Zaregistrujte seSign up

Alternative on file
In flow on dashboard.html

v1 — knihovna alternativ. Konkurenční návrhy, ze kterých vybíráš. v2 sestavuje vybrané návrhy do toků; stavy ukazují, jak se každá alternativa vykresluje za různých uživatelských podmínek.v1 — alternative library. Competing designs you pick between. v2 assembles the chosen ones into flows; states show how each alternative renders under different user conditions.

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 V15 a v shrnutí V10; e-mail prefilluje V9 i V11. Odeslání pokračuje dál: zadání kódu → V15 (anonymní) → V9/V11 → V10 → V14 → V16. Pokud je e-mail v paměti (přihlášený uživatel), kód jde rovnou na V10. Š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 V15 and in V10's summary; email prefills V9 and V11. Submit routes forward: code entry → V15 (anon overview) → V9/V11 → V10 → V14 → V16. If email is already stored (logged-in), the code skips V15 and goes straight to V10. The "Current session" pill shows what's stored; Reset wipes it.

Před přihlášenímOnboarding

Brána po zadání kóduCode-gate

Rozcestník: nový účet vs. přihlášení.Routes new vs returning user after code entry.

Otevřít V12Open V12

PřihlášeníLog in

Vracející se uživatel: e-mail + heslo.Returning user: email + password.

Otevřít V11Open V11

Vytvoření účtuAccount creation

E-mail, telefon, heslo.Email, phone, password.

Otevřít V9Open V9

Průvodce zařízenímDevice wizard

Odběrné místo, bojler, shrnutí.Supply point, water heater, summary.

Otevřít V10Open V10

Po přihlášeníPost-login

Přehled zařízeníDevice overview

Přistání po zadání kódu — jedna karta, anonymní vs. přihlášený.Lands here after a code submit — single card, anon vs logged-in.

Otevřít V15Open V15

Nástěnka uživateleUser dashboard

Odběrné místo a karta zařízení — sem směřují oba toky.Supply point + device card — both flows end here.

Otevřít V16Open V16

Prázdná nástěnkaEmpty dashboard

První přihlášení, žádná zařízení.First login, no devices yet.

Otevřít V13Open V13

Zařízení připojenoDevice connected

Potvrzení po dokončení průvodce.Confirmation after the wizard.

Otevřít V14Open V14

Mezery / k doplněníGaps / Future

Zapomenuté hesloForgot password

Reset přes e-mailový odkaz.Reset by email link.

TBD

Ověření e-mailuEmail verification

Jednorázový kód nebo magic link po registraci.One-time code or magic link after signup.

TBD

OdhlášeníLogout

Akce v topbaru / menu po přihlášení.Topbar / menu action on post-login pages.

TBD

Nastavení účtuAccount settings

Profil, jazyk, heslo, seznam zařízení.Profile, language, password, devices list.

TBD

Seznam zařízeníMulti-device list

Když má uživatel 2+ zařízení.When the user has 2+ devices.

TBD

Shelly tokShelly post-flow

Potvrdit: stejný průvodce V10, nebo jiný?Confirm: same V10 wizard or different?

TBD

Dashboard 2 — PrůchodDashboard 2 — Walkthrough

Storyboard jednoho toku se skutečnými stránkami zmenšenými do mřížky. Přepínač "Rychle / S daty" určuje, zda jsou formuláře předvyplněné. Klikni na "Otevřít v plné velikosti" pro otevření varianty samostatně.A storyboard of one flow with the real pages embedded as miniatures. The "Quick / Full" toggle decides whether forms are pre-filled. Click "Open full size" to open any variant on its own.

Zadat kód zařízení → Přehled zařízení → Vytvořit účet → Odběrné místo + bojler → NástěnkaEnter device code → Device overview → Create account → Supply point + heater → Dashboard

Alternative on file
In flow on overview.html
In flow on dashboard.html

DomovHome

+ Přidat zařízení+ Add device

Odběrné místoSupply point

UpravitEdit
AdresaAddress
Hlavní 12, Praha 11000Hlavní 12, Prague 11000
EAN
859182400000000123

Vaše zařízeníYour devices

Alternative on file

V17 — Nastavení odběrného místa v2V17 — Setup wizard step 1 v2

EAN-řízené vyhledání tarifu; zjednodušené Ano/Ne FVE s volitelným MaxP a baterií.EAN-driven tariff lookup; simplified Yes/No solar with optional MaxP + Battery.

AdresaAddress

TarifTariff

18místný kód z faktury dodavatele elektřiny18-digit code from your electricity bill

Kč/kWhCZK/kWh
Kč/kWhCZK/kWh
Režim cenyPrice mode

FotovoltaikaSolar

Lokální fotovoltaikaLocal solar
Orientace panelůPanel orientation (nepovinné)(optional)
kWp
BaterieBattery (nepovinné)(optional)
Alternative on file

V18 — Připojení Shelly zařízeníV18 — Connect Shelly device

Vlastní wizard krok pro Shelly: zadání Device ID + zobrazení MQTT přihlašovacích údajů.Dedicated wizard step for Shelly: Device ID entry + MQTT credentials display.

Připojení Shelly zařízeníConnect Shelly device

Zadejte 12místné hex ID svého zařízení Shelly.Enter your Shelly device's 12-character hex ID.

12místné hex ID. Najdete ho na štítku zařízení, v aplikaci Shelly nebo ve webovém rozhraní zařízení.12-character hex ID. Find it on the device label, in the Shelly app, or in the device's web UI.

MQTT přihlašovací údajeMQTT credentials

Zkopírujte tyto hodnoty do nastavení svého zařízení Shelly v sekci Settings → MQTT.Copy these values into your Shelly device's settings under Settings → MQTT.

Zkopírujte heslo nyní — po dokončení registrace ho už znovu neuvidíte.Copy this password now — it will not be shown again after you complete registration.
Alternative on file

V19a — měří se · sbíráme první dataV19a — measuring · collecting first data

Kandidát A pro řádek S5 (čerstvé měření, ještě žádná historie) z spec/device-card-states.md §2, Q17. Jmenovka explicitně oznamuje „sbíráme první data", tělo věty vysvětluje čekání a blok metrik je skryt.Candidate A for the S5 row (fresh measuring, no history yet) from spec/device-card-states.md §2, Q17. Badge explicitly says "collecting first data", body sentence explains the wait, metrics block hidden.

Bojler v koupelněBathroom water heater měří se · sbíráme první datameasuring · collecting first data

První údaje za chvíli — historie spotřeby naběhne během prvního týdne.First readings coming in — consumption history will appear during the first week.

Zapnout na 3 dnyTurn on for 3 days DetailDetail
Alternative on file

V19b — měří se (pomlčky v metrikách)V19b — measuring (dashes in metrics)

Kandidát B pro řádek S5 z spec/device-card-states.md §2, Q17. Stejný rámec jako S6 (období „Tento měsíc" + řádek metrik), ale každá hodnota se vykreslí jako pomlčka. Výška karty musí odpovídat S6 podle pravidla konzistence chromu.Candidate B for the S5 row from spec/device-card-states.md §2, Q17. Same chrome as S6 ("This month" period + metrics row), but every value renders as an em-dash. Card height must match S6 per the chrome-consistency rule.

Alternative on file

V20 — pozastaveno (S7)V20 — Paused (S7)

Řádek S7 z spec/device-card-states.md §2 s revidovaným tělem v116. Tělo „Plán pozastaven" souhlasí se slovesem v CTA „Pokračovat v plánu" a přesněji odpovídá sémantice YG, kde se pozastavuje plán, ne samotný spotřebič.Row S7 from spec/device-card-states.md §2 with the v116-revised body. Copy "Schedule paused" agrees with the CTA verb "Resume schedule" and more accurately matches YG semantics where the schedule pauses, not the appliance itself.

Alternative on file

V21 — offline (S8)V21 — Offline (S8)

Řádek S8 z spec/device-card-states.md §2 s revidovaným tělem v116. Tělo „Bojler ztratil signál" zachází s uživatelem jako se spotřebitelem, ne s technikem — nahrazuje technické „Zařízení" spotřebitelským pojmem „Bojler" (projektová terminologie pro water heater).Row S8 from spec/device-card-states.md §2 with the v116-revised body. Copy "Heater lost signal" treats the user as a consumer, not a technician — replaces technical "Device" with the consumer noun "Heater" (CS uses "Bojler" per project terminology).

Bojler v koupelněBathroom water heater offline · naposled před 2 hoffline · last seen 2h ago

Bojler ztratil signál. Zkontrolujte napájení a Wi-Fi.Heater lost signal. Check power and Wi-Fi.

DiagnostikaTroubleshoot DetailDetail

6místný kód na žluté nálepce zařízení — YGC: XXXXXX6-character code on your device yellow label — YGC: XXXXXX

neboor

– zařízení Shellyshelly devices

12místný kód na štítku zařízení, v aplikaci nebo na webu zařízení12-character code on your device label, in app or device web

  1. Odběrné místoSupply point
  2. BojlerWater heater
  3. ShrnutíSummary

Odběrné místoSupply point

AdresaAddress

TarifTariff

18místný kód z faktury dodavatele elektřiny18-digit code from your electricity bill

Režim cenyPrice mode

FotovoltaikaSolar

Lokální fotovoltaikaLocal solar

DomovHome

+ Přidat zařízení+ Add device

Odběrné místoSupply point

UpravitEdit
AdresaAddress
Hlavní 12, Praha 11000Hlavní 12, Prague 11000
EAN
859182400000000123

Vaše zařízeníYour devices