# Design system Energy+ Tento soubor popisuje design system Energy+. Při návrhu nebo kódu se drž jeho pravidel, používej jen uvedené barvy, písma a komponenty a jejich HTML přebírej beze změny tříd. Nevymýšlej nové barvy ani styly. Pro energetiku a služby: oranžová, kalkulačky a živá simulace toku energie. Písmo: Archivo. Ukázkový web: https://www.romankacerek.cz/dev/designsystem/energy/ukazka/. Katalog: https://www.romankacerek.cz/dev/designsystem/energy/. Sestaveno 11. 11. 2026. ## Soubory Načti je v tomto pořadí: - https://www.romankacerek.cz/dev/designsystem/energy/site/tokens.css - https://www.romankacerek.cz/dev/designsystem/energy/site/energy.css - https://www.romankacerek.cz/dev/designsystem/energy/site/energy.js Relativní cesty v HTML níže vedou do https://www.romankacerek.cz/dev/designsystem/energy/site/. ## Pravidla ### Co to je Univerzální systém pro energetiku a technické služby postavený na interakci. Bílá a inkoustová plocha, jediná oranžová `#f24f00`, jediná zelená `#00c752`, velké písmo a kalkulačky místo dlouhých textů. Výchozí je světlé téma, tmavé přepnete v hlavičce. ### Pravidla - Barvy jsou přesně `#f24f00` a `#00c752`. Žádné světlejší ani tmavší varianty, při najetí se používá inkoustová nebo bílá. Oranžová značí i chyby ve formulářích. - Oranžová je akce a výrazná plocha, zelená jen výhoda, úspora a živý stav. Text na zelené je inkoustový. - Bílý text na oranžové jen velký a tučný, od 19 px. Oranžový text na bílé jen tučný nebo velký. - Odkazy v textu a kartách jsou podtržené linkou 1 px nejvýš 4 px pod textem, při najetí podtržení zmizí. Odkazy v nabídkách jsou bez podtržení a při najetí se podtrhnou. - Plochy, fotky, pole a ovládací prvky mají ostré rohy. Tlačítka mají seříznutý pravý horní roh jako značka. Kulaté jsou jen tečky stavu a jezdec posuvníku. - Písmo: Archivo s proměnnou šířkou, nadpisy rozšířené a řez 600. Popisky a technické údaje JetBrains Mono ve verzálkách. Čísla vždy tabulková. - Každá sekce začíná linkou s číslem a popiskem. Velké plochy se střídají bílá, šedá, inkoustová a oranžová. - Když jde něco spočítat nebo vyzkoušet, dáváme nástroj místo textu. - Telefon se píše ve tvaru +420 123 456 789. ### Pohyb a stavy - Při najetí se tlačítko obrátí na obrys ve své barvě. Tlačítka, karty ani fotky se při najetí neposouvají a nezvětšují. - Drobný pohyb mají ovládací prvky a nástroje: podklad přepínače přejede, čísla v kalkulačkách doběhnou, barvy přejdou za 0,2 s. Křivka je `cubic-bezier(.2,.8,.2,1)`. - Simulace se po zobrazení spustí sama a jde zastavit. Slunce pluje po obloze a tečky na vedení ukazují směr toku energie. - Tloušťka písmen se vlní jen ve velké výzvě. Ostatní nadpisy, text a sekce se při posouvání stránky neanimují. - Odpovědi v dotazech se rozbalí bez animace, ikona se změní z plus na minus. - Při omezeném pohybu se vše zobrazí hned a nic se nespouští samo. - Všechny nástroje fungují i z klávesnice. ### Klávesy - `Ctrl K` otevře hledání, šipky vybírají, Enter otevře, Esc zavře. ### Obrázky a ukázka Fotky v ukázce jsou z Pexels, zdarma i pro komerční použití. Přehled je v souboru `zdroje/src/energy/fotky.txt`. Ikony jsou ze sady Phosphor (MIT), písma z Google Fonts. Firma Energy+ je smyšlená, ukázkové ceny, výpočty, údaje a novinky taky. ## Barvy | Název | Hodnota | V tmavém tématu | Použití | | --- | --- | --- | --- | | orange | #f24f00 | | Jediná oranžová systému: hlavní akce, odkazy, ikony a pásy. Žádné odvozené odstíny. | | green | #00c752 | | Jediná zelená systému: výhoda, úspora a živý stav. Text na ní je vždy inkoustový. | | ink | #0e0f11 | | Nadpisy, tmavé pásy a tlačítko účtu. | | graphite | #363738 | | Plochy o stupeň světlejší na tmavém pásu. | | steel | #63666a | | Doplňkový text na světlé ploše. | | mist-300 | #dadfe3 | | Dělicí linky. | | mist-100 | #eef1f3 | | Panely a klidné plochy. | | white | #ffffff | | Podklad stránky a text na tmavém. | | surface-page | #ffffff | #0e0f11 | Podklad stránky. | | surface-soft | #eef1f3 | #17191c | Panely a karty. | | surface-card | #ffffff | #1f2226 | Řádek nebo karta na panelu. | | text-primary | #0e0f11 | #ffffff | Nadpisy a hlavní text. | | text-body | #63666a | #b9bdc2 | Doplňkový text. | | line | #dadfe3 | #ffffff24 | Dělicí linky. | | line-control | #8a8e93 | #ffffff80 | Rámeček polí a přepínačů, drží 3:1. | | mark | #f24f00 | #f24f00 | Odkazy, ikony a čísla. | | accent | #f24f00 | #f24f00 | Hlavní tlačítko a oranžové plochy. | | on-accent | #ffffff | #ffffff | Text na oranžové, velký a tučný. | | live | #00c752 | #00c752 | Živý stav a úspora. | | on-live | #0e0f11 | #0e0f11 | Text na zelené. | | danger | #f24f00 | #f24f00 | Text a rámeček chyby ve formuláři, stejná oranžová jako značka. | ## Typografie | Styl | Hodnoty | Použití | | --- | --- | --- | | en-d0 | clamp(64px,13vw,220px) / 0.9, řez 700, prostrkání -.035em | Velká výzva na konci stránky. | | en-d1 | clamp(44px,6.6vw,108px) / 0.98, řez 600, prostrkání -.03em | Hlavní nadpis stránky, jediný. | | en-d2 | clamp(34px,4.2vw,68px) / 1.03, řez 600, prostrkání -.025em | Nadpis sekce. | | en-d3 | clamp(24px,2.2vw,34px) / 1.14, řez 600, prostrkání -.015em | Nadpis karty a panelu. | | en-d4 | 20px / 1.3, řez 600, prostrkání -.005em | Nadpis řádku. | | en-num | clamp(40px,5vw,76px) / 1, řez 600, prostrkání -.03em | Velká čísla, vždy tabulkové číslice. | | en-lede | clamp(18px,1.5vw,22px) / 1.45, řez 400, prostrkání -.005em | Úvodní odstavec. | | en-body | 16px / 1.6, řez 400, prostrkání 0 | Výchozí text. | | en-mono | 12px / 1.4, řez 500, prostrkání .08em | Popisky, data a technické údaje, vždy verzálky. | | en-btn-text | 19px / 1.2, řez 700, prostrkání -.005em | Hlavní tlačítko, bílý text na oranžové. | ## Mezery a šířky | Název | Hodnota | Použití | | --- | --- | --- | | space-8 | 8px | Mezi nadpisem a popisem. | | space-16 | 16px | Vnitřní skupiny. | | space-24 | 24px | Mezera mřížky. | | space-32 | 32px | Vnitřní odsazení panelu. | | space-48 | 48px | Nadpis sekce a obsah. | | gutter | clamp(16px,3vw,48px) | Boční okraj stránky. | | section | clamp(64px,9vw,144px) | Odsazení sekce. | | wrap | 1440px | Šířka obsahu. | | header-height | 76px | Výška hlavní lišty. | ## Rádiusy | Název | Hodnota | Použití | | --- | --- | --- | | radius-0 | 0 | Plochy, fotky, pole a ovládací prvky. | | radius-full | 999px | Jen tečky stavu, volba v seznamu a jezdec. | | cut | 14px | Seříznutý pravý horní roh tlačítek jako ve značce, u malých tlačítek 10 px. | ## Komponenty: Základy ### Tlačítka Oranžová plocha se seříznutým pravým horním rohem jako ve značce, tučný text 19 px a šipka. Při najetí se obrátí na obrys: rámeček a text v barvě tlačítka, uvnitř barva podkladu. Při odesílání se text změní na točící se kolečko. ```html
Sjednat onlinePřihlásit seVíce informací
Sjednat onlineVíce informací
``` ### Odkaz se šipkou Tučný oranžový odkaz se šipkou, podtržený linkou 1 px. Při najetí podtržení zmizí. ```html
Zjistit víceVšechny novinky
``` ### Štítek a živý stav Zelený štítek označuje výhodu, tepající tečka živý údaj. Text na zelené je vždy inkoustový. ```html
Pro vás nejvýhodnějšíSíť v provozu
``` ### Nadpis sekce Linka přes celou šířku, vlevo číslo a popisek, vpravo velký nadpis. ```html

01Tarify

Kolik zaplatíte

Posuňte spotřebu a hned uvidíte cenu všech tarifů.

Zjistit více
``` ### Posuvník Popisek nad posuvníkem, velká hodnota vpravo. Jezdec se při držení zvětší a hodnota se průběžně přepočítává. ```html
4.5 MWh
``` ### Přepínače Volba jedné z několika možností s přejíždějícím podkladem a vypínač ano nebo ne. ```html
Orientace střechy
``` ### Čipy Filtr obsahu. Aktivní čip je inkoustový, položky se přeskupí bez načtení stránky. ```html
``` ### Oznámení Krátká zpráva dole uprostřed, sama zmizí. Potvrzuje kopírování nebo zpětnou vazbu. ```html ``` ## Komponenty: Navigace ### Horní lišta Přepínač publika, živý stav sítě a rychlé odkazy. Pod 900 px zůstává jen přepínač. ```html
``` ### Hlavička Lepí se k hornímu okraji a po odjetí se zmenší. Obsahuje hledání, přepnutí tématu a tlačítko účtu. ```html
``` ### Rozbalené menu Panel se zobrazí při najetí nebo přechodu klávesnicí. Vlevo odkazy ve dvou sloupcích, vpravo fotka. Odkaz se při najetí podtrhne. ```html

Chci elektřinu

Už elektřinu mám

``` ### Rychlé hledání Otevírá se tlačítkem v hlavičce nebo klávesou Ctrl K. Filtruje bez diakritiky, šipky vybírají, Enter otevře. ```html
``` ### Kotvy na stránce Lepí se pod hlavičkou a zvýrazňuje aktuální část stránky. ```html ``` ### Patička Tmavá patička se sloupci odkazů, stavem sítě, údaji o firmě a tlačítkem nahoru. ```html ``` ## Komponenty: Úvody ### Úvod se záložkami Fotka přes celou šířku a tři záložky s tématy. Přepínají se kliknutím, samy se nestřídají. ```html

Vlastní elektřina ze střechy

Návrh zdarma, montáž do tří měsíců.

Spočítat úsporu

Elektřina pro domácnost se stálou cenou

Přechod k nám vyřídíme za vás.

Vybrat tarif

Elektřina a plyn pro vaši firmu

Jedna faktura a stálá cena na tři roky.

Chci nabídku
``` ### Úvod podstránky Fotka přes celou šířku, dole drobečková navigace, nadpis a nepovinné tlačítko. ```html

Fotovoltaika s montáží do 3 měsíců

Vyrábějte vlastní elektřinu a kupujte jen to, co vám chybí.

Chci návrh zdarma
``` ### Rychlé akce Čtyři nejčastější úkoly hned pod úvodem. Při najetí se buňka podbarví. ```html ``` ## Komponenty: Nástroje ### Kalkulačka tarifu Předvolba nebo posuvník přepočítají všechny tarify. Nejvýhodnější karta ztmavne a dostane štítek, ostatní ukazují rozdíl v korunách. Čísla se přepočítávají plynule. ```html
Kde elektřinu spotřebujete
4.5 MWh

Za rok zaplatíte

0 Kč

1 rok

Pro vás nejvýhodnější

Online na 1 rok

0Kč/měs.

 

Cena za MWh
2 590 Kč
Stálá platba
99 Kč/měs.
V kostce
Správa jen online
Sjednat

3 roky

Pro vás nejvýhodnější

Stálá cena na 3 roky

0Kč/měs.

 

Cena za MWh
2 490 Kč
Stálá platba
129 Kč/měs.
V kostce
Cena se nezmění
Sjednat

Bez fixace

Pro vás nejvýhodnější

Bez závazku

0Kč/měs.

 

Cena za MWh
2 890 Kč
Stálá platba
149 Kč/měs.
V kostce
Výpověď kdykoli
Sjednat

Bez fixace

Pro vás nejvýhodnější

Podle burzy

0Kč/měs.

 

Cena za MWh
2 190 Kč
Stálá platba
249 Kč/měs.
V kostce
Cena se mění po hodinách
Sjednat

Orientační ceny včetně DPH. Smyšlené údaje pro ukázku.

``` ### Den elektrárny Simulace 24 hodin. Tažením v grafu se mění čas, slunce putuje po vyznačené dráze a tečky na vedení ukazují, kam proud teče. Čím silnější tok, tím rychleji běží. Po zobrazení se spustí sama, jde zastavit. ```html

02Simulace

Jeden den vaší elektrárny

Přetáhněte čas a sledujte, odkud proud teče a kam míří. Hodnoty jsou ukázkové.

Střecha0 kW
Síť0 kW
Baterie0 kW
Dům0 kW

13:00Slunce pokrývá dům

VýrobaSpotřeba

Vyrobeno
0 kWh
Spotřebováno doma
0 %
Prodáno do sítě
0 kWh
Ušetřeno
0 Kč
``` ### Kalkulačka fotovoltaiky Účet, střecha, orientace a baterie přepočítají výkon, úsporu a návratnost. Sloupce ukazují bilanci po jednotlivých letech: šedé roky se sestava splácí, zelené už vydělává. ```html
3200 Kč
40 m²
Orientace střechy
Výkon elektrárny
0 kWp
Úspora za rok
0 Kč
Cena sestavy
0 Kč
Zaplatí se za
0 let

Celková bilance za 25 let

Chci přesný návrh

Orientační výpočet s ukázkovými cenami.

``` ### Kontrola výpadku Zadáte PSČ a hned vidíte stav oblasti. Špatný tvar ohlásí chyba pod polem. ```html
``` ## Komponenty: Karty a panely ### Srovnání tarifů Tabulka s lepicím prvním sloupcem, zvýrazní řádek pod kurzorem. Fajfka je oranžová, křížek šedý. Vypínač schová shodné řádky. ```html
Online na 1 rokStálá cena na 3 rokyBez závazkuPodle burzy
Cena za MWh2 590 Kč2 490 Kč2 890 Kč2 190 Kč
Stálá platba99 Kč129 Kč149 Kč249 Kč
Fixace1 rok3 rokyNeNe
Výpověď kdykoliNeNeAnoAno
Správa onlineAnoAnoAnoAno
Vyúčtování e-mailemAnoAnoAnoAno
Papírové fakturyNeNeAnoNe
Cena podle burzyNeNeNeAno
``` ### Panel účtu Záložky mění text i obrazovku v náhledu aplikace, sloupce grafu při změně vyrostou. ```html

Zákaznický účet

Všechno v jedné aplikaci

Sledujte spotřebu po hodinách a porovnejte ji s minulým rokem.

Přihlásit se
``` ### Přehled v číslech Mřížka různě velkých ploch s čísly, křivkou a kruhem. ```html

Vyrobeno letos

2 400 MWh

Vlastní spotřeba

62 %

Vlastní montážní týmy

Dispečink

24 hodin

Poruchu nahlásíte kdykoli, i o víkendu.

Méně CO₂

1 830 t

Za letošní rok u našich zákazníků.

``` ### Karty s fotkou Čtyři karty vedle sebe s fotkou, nadpisem a textem. Text je vidět vždy. ```html
01

Domácnost

Tarify, přechod k nám a správa odběru online.

02

Firmy

Stálá cena, jedna faktura a vlastní správce.

03

Fotovoltaika

Návrh, montáž a servis od jedné firmy.

04

Elektroauto

Nabíječka doma a levnější noční proud.

``` ### Pás technologií Vodorovný pás, jde táhnout myší, posouvat šipkami i prstem. Dole průběh. ```html

Fotovoltaika

od 189 000 Kč

Domácí baterie

od 89 000 Kč

Nabíječka auta

od 24 900 Kč

Komunitní energie

podíl od 5 000 Kč

Nová přípojka

od 18 000 Kč

Chytré řízení domu

od 12 900 Kč
``` ### Panel s odkazy Bílé řádky na šedém panelu. Při najetí se text podtrhne linkou 1 px. ```html

Nejčastější požadavky

``` ### Stav sítě Tři panely se živou tečkou a malým grafem. ```html
Živě

Sluneční elektrárny

42 % spotřeby zákazníků

Živě

Větrné elektrárny

Všechny turbíny v provozu

Živě

Distribuční síť

Bez hlášených poruch

``` ## Komponenty: Obsah ### Přínosy Velké řádky s číslem oddělené linkou. ```html ``` ### Postup v krocích Čtyři kroky vedle sebe, na telefonu pod sebou. Štítek, nadpis i text začínají ve všech kartách na stejné výšce. ```html
  1. Krok 1

    Nezávazná poptávka

    Napíšete nám, co vás zajímá. Stačí minuta.

  2. Krok 2

    Návrh a cena

    Spočítáme úsporu a pošleme nabídku do dvou dnů.

  3. Krok 3

    Smlouva online

    Podepíšete na dálku, bez papírů a cest.

  4. Krok 4

    Přechod nebo montáž

    Se starým dodavatelem to vyřídíme za vás.

``` ### Výpis novinek Velké řádky s datem a podtrženým nadpisem. Při najetí podtržení zmizí. ```html ``` ### Karty novinek Mřížka s filtrem podle tématu. ```html
Zákazníci / 6. listopadu 2026

Nové tarify pro domácnosti platí od prosince

Firma / 5. listopadu 2026

V Brně otevíráme zákaznické centrum

Zákazníci / 3. listopadu 2026

Jak číst vyúčtování v pěti krocích

Technologie / 29. října 2026

Sdílení elektřiny mezi sousedy spouštíme od ledna

Technologie / 21. října 2026

Domácí baterie zvládne i výpadek sítě

Firma / 14. října 2026

Podpořili jsme stavbu větrného parku

``` ### Témata s fotkou Otevřený řádek přepne fotku vedle sebe. Otevřený je vždy jen jeden. ```html
Započtení přebytků

Co doma nespotřebujete, pošlete do sítě a my to započítáme do vyúčtování.

Výkup přetoků

Přebytky vykupujeme podle aktuálního ceníku, bez licence a bez papírování.

Sdílení elektřiny

Přebytky můžete posílat rodičům nebo na chalupu, stačí registrace.

Domácí baterie

Večer doma využijete elektřinu vyrobenou přes den.

``` ### Časté dotazy Filtr podle tématu a rozbalení jedné odpovědi. Ikona se změní z plus na minus, bez animace. ```html
Musím něco měnit v domě?

Ne. Elektřina teče stejnými dráty a elektroměr zůstává.

Jak dlouho přechod trvá?

Obvykle do tří týdnů. O každém kroku vám pošleme zprávu.

Hrozí při změně výpadek?

Nehrozí. Změna dodavatele je jen administrativní.

Kdy dostanu vyúčtování?

Jednou ročně, vždy do 30 dnů od odečtu. Najdete ho i v aplikaci.

Jak změním výši záloh?

V účtu posunem jezdce, nová výše platí od dalšího měsíce.

Vyplatí se mi baterie?

Pokud přes den nejste doma, zvedne vlastní spotřebu až na dvojnásobek.

Co když vypadne síť?

Sestava se záložním režimem napájí vybrané okruhy i bez sítě.

``` ### Hodnocení Velké číslo a pět hvězd. ```html

94 %

zákazníků s naší fotovoltaikou nás doporučuje.

``` ### Článek s obsahem Obsah se lepí vlevo a zvýrazňuje aktuální část, text do 760 px. ```html

Na vyúčtování je pět údajů a podle nich se rozhoduje, kolik zaplatíte. Stačí je najít a během chvíle poznáte, jestli vám sedí záloha i tarif.

Kde začít

Regulovanou část ovlivnit nemůžete, je stejná u všech dodavatelů. Porovnávejte proto jen cenu za MWh a stálou platbu.

Jak upravit zálohu

  1. Přihlaste se do účtu.
  2. Otevřete odběrné místo a zvolte změnu záloh.
  3. Potvrďte novou výši, začne platit od dalšího měsíce.

Když si nevíte rady

Zavolejte na +420 123 456 789 nebo napište na info@energy.example. Vyúčtování s vámi projdeme řádek po řádku.

``` ### Zásady a podmínky Dokument s obsahem po straně, třemi údaji v kostce, tabulkou účelů a právy po řádcích. Kontakty na konci jdou zkopírovat. ```html

Údaje od vás používáme jen k tomu, kvůli čemu jste nám je dali. Neprodáváme je a nepůjčujeme je pro reklamu.

Kdo údaje spravuje

Energy+ s.r.o., IČO 12345678, Sadová 8, 602 00 Brno, zapsaná v obchodním rejstříku vedeném Krajským soudem v Brně, oddíl C, vložka 12345.

Jaké údaje máme

  • Jméno a příjmení, případně název firmy
  • E-mail a telefon
  • Adresu a číslo odběrného místa
  • Spotřebu a platby, pokud u nás odebíráte

Proč a jak dlouho

ÚčelDůvodJak dlouho
Odpověď na poptávkuVáš zájem o nabídku3 roky od posledního kontaktu
Smlouva a vyúčtováníPlnění smlouvyPo dobu smlouvy a 3 roky po ní
Účetnictví a daněPovinnost ze zákona10 let
Novinky e-mailemVáš souhlasDo odvolání souhlasu

Komu je předáváme

Jen tam, kde je to nutné: distributorovi kvůli přepisu odběrného místa, montážní firmě kvůli fotovoltaice a účetní kanceláři. Každý z nich smí údaje použít jen pro nás.

Vaše práva

Přístup
Řekneme vám, jaké údaje o vás máme, a pošleme vám jejich kopii.
Oprava
Chybný údaj opravíme, jakmile nám dáte vědět.
Výmaz
Smažeme vše, co nemusíme držet ze zákona.
Námitka
Když nesouhlasíte s tím, jak údaje používáme, posoudíme to a ozveme se.
Odvolání souhlasu
Novinky odhlásíte odkazem v každém e-mailu.
Stížnost
Když nebudete spokojeni, obraťte se na Úřad pro ochranu osobních údajů.

Kde se ptát

Napište nebo zavolejte, odpovíme do pěti pracovních dnů.

``` ## Komponenty: Výzvy a formuláře ### Poptávka v krocích Tři kroky s průběhem. Nejdřív dlaždice, pak údaje o místě, nakonec kontakt. Každý krok se kontroluje zvlášť a chyba vrátí kurzor na první chybné pole. ```html
Krok 1 ze 3
O co máte zájem?
``` ### Formulář Popisek je vždy nad polem, zástupný text v poli se nepoužívá. Jméno se jmenuje Jméno a příjmení (firma). E-mail, telefon a souhlas jsou povinné. Správné pole dostane zelenou fajfku, chyba se ukáže pod polem po jeho opuštění. Odeslání skočí na první chybné pole a po něm se formulář vymění za poděkování. ```html
O co máte zájem
- vyberte -
Pro koho to bude
- vyberte -
``` ### Pás s poptávkou Oranžový pás přes celou šířku. Vlevo nadpis a fotka, vpravo karta s poptávkou v krocích. ```html

Konzultace zdarma

Tři kroky a ozveme se vám

Krok 1 ze 3
O co máte zájem?
``` ### Velká výzva Oranžový pás s velkým textem a tlačítkem. Tloušťka písmen se pomalu vlní a reaguje na kurzor. Na konci stránky, jen jednou. ```html

Přepněte na Energy+

Přechod vyřídíme za vás. Nic neplatíte a o proud nepřijdete ani na minutu.

Spočítat cenu
``` ### Kontakty Oranžová ikona a údaj. Telefon a e-mail jdou zkopírovat, potvrdí to oznámení. ```html
``` ### Stránka nenalezena Tmavá stránka s nadpisem, vysvětlením a cestou zpět. ```html

Chyba 404

Tady je výpadek

Stránka tu není. Vraťte se na úvod, nebo zavolejte na +420 123 456 789.

Zpět na úvod
``` ## Stránky - Domů: https://www.romankacerek.cz/dev/designsystem/energy/ukazka/ - Elektřina: https://www.romankacerek.cz/dev/designsystem/energy/ukazka/elektrina/ - Fotovoltaika: https://www.romankacerek.cz/dev/designsystem/energy/ukazka/fotovoltaika/ - Podpora: https://www.romankacerek.cz/dev/designsystem/energy/ukazka/podpora/ - Novinky: https://www.romankacerek.cz/dev/designsystem/energy/ukazka/novinky/ - Článek: https://www.romankacerek.cz/dev/designsystem/energy/ukazka/clanek/ - Kontakt: https://www.romankacerek.cz/dev/designsystem/energy/ukazka/kontakt/ - Osobní údaje: https://www.romankacerek.cz/dev/designsystem/energy/ukazka/zasady/ - Stránka nenalezena: https://www.romankacerek.cz/dev/designsystem/energy/ukazka/nenalezeno/