template-all
Vyber blok → rozbal SRC → zkopíruj HTML
Demo je připravené pro nový systém lp-ui + lp-page. Na běžných stránkách použij jen lp-ui. Pro plnou landing page přidej i lp-page.
Kicker
Badge + tečka. Barvy se řídí přes theme class na body.
Buttons / Actions
Primární + sekundární CTA pro hero, karty i CTA bar.
Media
Univerzální rámeček pro obrázek, video nebo iframe.
- Jednotný rámeček pro všechny typy obsahu
- Bez inline stylů v běžných případech
- Bezpečné pro grid i hero
List
Robustní list pro benefity, parametry i argumenty.
- Kontrast a čitelnost
- Skvělé pro scanování obsahu
- Jednotná typografie
- Jedna věta bez samostatné ikonky
- Druhá věta bez samostatné ikonky
- Třetí věta bez samostatné ikonky
Classic
Text vlevo, vizuál vpravo.
Hlavní nadpis pro Classic
Krátké vysvětlení hodnoty produktu nebo řešení. 1–2 věty.
- Benefit 1
- Benefit 2
- Benefit 3
Split
Vizuál vlevo, text vpravo.
Nadpis pro Split
Použij, když chceš dát vizuál nebo video do první pozice.
Story
Vycentrovaný hero + navazující story boxy.
Co zákazník řeší. 1–2 věty bez vaty.
Jak se změní výsledek a proč to funguje.
Compare
Vycentrovaný blok, equal height, featured uprostřed.
Stepper
Active krok je zvýrazněný secondary barvou.
-
1VyberZvol si variantu podle použití.
-
2NastavRychlé nastavení a jasný postup.
-
3PoužívejKonzistentní výstupy bez překvapení.
Featured card
Použití .lp__productCard.is-featured jako winner karty.
Boxes
Pro feature grid, argumenty i use-cases.
Jedna konkrétní věta k přínosu.
Jedna konkrétní věta k přínosu.
Jedna konkrétní věta k přínosu.
CTA bar
Silné zakončení sekce nebo celé stránky.
Trust bar
Loga partnerů, klientů nebo “as seen in”.
FAQ
Bez JS: <details> + <summary>.
Jak rychle to zprovozním? +
Funguje to s mým zařízením? +
Co když si nejsem jistý výběrem? +
Product picks
Jedna karta = jeden produkt. Celá karta klikací přes stretched link.
Product picks – bez obrázků
Čistá landing varianta. Text + CTA, maximální fokus na rozhodnutí.
Hotovo preset
Hero + stepper + product picks + CTA. Jedno kopírování.
-
1VyberVybereš variantu podle použití.
-
2NastavRychlé nastavení bez chaosu.
-
3PoužívejKonzistentní výsledky.
Doporučené varianty
Vyber podle toho, co řešíš.




































