UI prvky kompletní přehled

Architektura prvků

Odkaz na architekturu: https://app.xmind.com/lWJkDeuk?xid=Q9U0wj5K 

Buttony pro rozcestníky

Odkaz na externí CSS: https://www.primakoupelny.cz/user/documents/upload/CSS-kaskadove-styly/buttony-rozcestniky.css 

Mini buttony pro TOP témata

Odkaz na externí CSS: https://www.primakoupelny.cz/user/documents/upload/CSS-kaskadove-styly/mini-buttony-pro-top-temata.css 

Modrý rámeček pro TIPY

Odkaz na externí CSS: https://www.primakoupelny.cz/user/documents/upload/CSS-kaskadove-styly/tip-modry-ramecek.css 

TIP ➜ S výběrem té nejlepší vany vám pomůže náš podrobný průvodce Jak vybrat vanu.

 

Medailonek autora

Odkaz na externí CSS: https://www.primakoupelny.cz/user/documents/upload/CSS-kaskadove-styly/medailonek-autora.css  

 
Ing. Michaela Petráková
Mgr. Jana Nováková
SEO specialistka a copywriterka

Jako SEO expertka vnímám Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but alsog, r galley of type and scrambled it to make a type specimen book.

Info bloky 3 vedle sebe

Odkaz na externí CSS: https://www.primakoupelny.cz/user/documents/upload/CSS-kaskadove-styly/info-bloky-3-vedle-sebe.css 

Pro koho

Tento výběr je pro každého, kdo řeší vybavení koupelny a chce mít jistotu v rozměrech, připojení a bezproblémové montáži.

S čím pomůže

Pomůže rychle zúžit výběr podle kompatibility, rozměrů a typu instalace, aby vše sedělo v prostoru i na napojení.

Jak vybrat

Zkontrolujte rozměry prostoru, typ instalace a napojení a podle toho zvolte materiál i povrch s ohledem na údržbu.

Průvodce krok za krokem (bloky pod sebou)

Odkaz na externí CSS: https://www.primakoupelny.cz/user/documents/upload/CSS-kaskadove-styly/pruvodce-krok-za-krokem-pod-sebou.css  

Průvodce nákupem

  1. Změřte prostor

    Zkontrolujte šířku, hloubku a místo pro otevírání, případně rozteče a napojení.

  2. Vyberte typ instalace

    Rozhodněte se mezi nástěnným, stojánkovým nebo podomítkovým řešením podle přívodů.

  3. Dolaďte materiál a povrch

    Volte podle odolnosti, údržby a toho, jak zatížená je koupelna.

Box s fajfkami pro 1 a 2 sloupce

Odkaz na externí CSS: https://www.primakoupelny.cz/user/documents/upload/CSS-kaskadove-styly/box-s-fajfkami.css 

  • Odrážka jedna pro ultra dlouhé dlouhé dlouhé řádky a dlouhý text
  • Odrážka dva pro ultra dlouhé dlouhé dlouhé řádky a dlouhý text
  • Odrážka tři pro ultra dlouhé dlouhé dlouhé řádky a dlouhý text
  • Odrážka jedna
  • Odrážka dva
  • Odrážka tři
  • Odrážka čtyři
  • Odrážka pět
  • Odrážka šest

 

Jednoduché odrážky

Odkaz na externí CSS: https://www.primakoupelny.cz/user/documents/upload/CSS-kaskadove-styly/jednoduche-odrazky-tecka-vycentrovana.css 

  • Rychlé porovnání rozměrů a instalace.
  • Výběr materiálu podle údržby a životnosti.
  • Tipy pro sladění s baterií a sifonem.
  • Výběr materiálu podle údržby a životnosti.
  • Tipy pro sladění s baterií a sifonem.

FAQ

Odkaz na externí CSS: https://www.primakoupelny.cz/user/documents/upload/CSS-kaskadove-styly/FAQ-box-rozbalovaci.css 

Otázka 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Otázka 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Otázka 3
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

 

Srovnávací tabulka

Odkaz na externí CSS: https://www.primakoupelny.cz/user/documents/upload/CSS-kaskadove-styly/srovnavaci-tabulka.css 

Služba A

Vhodné pro většinu
  • +Rychlé dodání a jednoduchá instalace.
  • +Dobrá kompatibilita se standardními roztečemi.
  • Méně variant povrchů.
  • Vyšší nároky na údržbu v tvrdé vodě.

Služba B

Pro náročnější
  • +Širší výběr materiálů a povrchů.
  • +Lepší odolnost při každodenním provozu.
  • +Třetí výhoda pro náročnější uživatele.
  • Často vyšší pořizovací cena.
  • U některých řešení složitější montáž.

 

Citace

Odkaz na externí CSS: https://www.primakoupelny.cz/user/documents/upload/CSS-kaskadove-styly/citace-v-bloku.css 

„U vany pro dva se vyplatí sledovat nejen samotné rozměry, ale také umístění odtoku a zvolený typ instalace. Právě tyto detaily mají zásadní vliv na výsledné pohodlí.“

— Interní doporučení PrimaKoupelny.cz

 

Tabulka se záhlavím

Odkaz na externí CSS: 

Varianta A Varianta B Varianta C
Umístění text
Rozměr ... text text
Vlastnosti ... text text
Vzhled text

 

Perex

Odkaz na externí CSS: https://www.primakoupelny.cz/user/documents/upload/CSS-kaskadove-styly/perex.css 

Perex – krátké shrnutí článku, které čtenáři řekne, co se dozví a proč se vyplatí pokračovat.

 

Blok text + obrázek

Odkaz na externí CSS: 

Popis obrázku

Nadpis

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

It has survived not only five centuries, but alsog, r galley of type and scrambled it to make a type specimen book.

Popis obrázku

Nadpis

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

  • Lorem Ipsum is simply.
  • Lorem Ipsum is simply.
  • Lorem Ipsum is simply.

 

CTA tlačítko

Odkaz na externí CSS: https://www.primakoupelny.cz/user/documents/upload/CSS-kaskadove-styly/cta-tlacitko-button.css 

Chci poradit s výběrem →

 

Bloky s hodnocením

★★★★★

Naprostá spokojenost, velice rychlé doručení.

Bemik
17.1.2026
★★★★★

Perfektní

Jiří
1.12.2025
★★★★★

Skvělé, takto by měli pracovat všichni.

Vladimír Nejedlý
19.10.2025
★★★★★

Velká spokojenost, rychlé dodání :)

Zdenka Bláhová
30.9.2025
★★★★★

Skvělé, takto by měli pracovat všichni.

Vladimír Nejedlý
19.10.2025
★★★★★

Naprostá spokojenost.

Alena
1.12.2025
★★★★★

Top produkt.

Petr
1.12.2025
★★★★★

Vždy rád nakoupím.

Martin H.
1.12.2025

 

Jednoduchá tabulka bez záhlaví

Materiál Keramika
Rozměr 90 × 90 cm
Barva Bílá
Záruka 24 měsíců