template-all

LP katalog bloků

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.

Kalibrace bez kompromisů
Používej nad hero, sekcí nebo boxem.
SRC – Kicker

Buttons / Actions

Primární + sekundární CTA pro hero, karty i CTA bar.

Akční řádek Použitelný napříč všemi bloky.
SRC – Actions

Media

Univerzální rámeček pro obrázek, video nebo iframe.

Preview media
Tip Použij ve hero, vedle feature boxů nebo jako důkaz / reference.
  • Jednotný rámeček pro všechny typy obsahu
  • Bez inline stylů v běžných případech
  • Bezpečné pro grid i hero
SRC – Media

List

Robustní list pro benefity, parametry i argumenty.

lp__list--check Benefity s checkem
  • Kontrast a čitelnost
  • Skvělé pro scanování obsahu
  • Jednotná typografie
lp__list--brand Body s brand bullet
  • Jedna věta bez samostatné ikonky
  • Druhá věta bez samostatné ikonky
  • Třetí věta bez samostatné ikonky
SRC – List

Classic

Text vlevo, vizuál vpravo.

Classic layout

Hlavní nadpis pro Classic

Krátké vysvětlení hodnoty produktu nebo řešení. 1–2 věty.

  • Benefit 1
  • Benefit 2
  • Benefit 3
SRC – Classic

Split

Vizuál vlevo, text vpravo.

Split layout

Nadpis pro Split

Použij, když chceš dát vizuál nebo video do první pozice.

Story

Vycentrovaný hero + navazující story boxy.

Story layout

Story nadpis

Skvělé pro “problém → řešení → důkaz”.

Problém

Co zákazník řeší. 1–2 věty bez vaty.

Řešení

Jak se změní výsledek a proč to funguje.

Compare

Vycentrovaný blok, equal height, featured uprostřed.

Základní Produkt A Pro základní potřeby.
  • Funkce 1
  • Funkce 2
Pro Produkt C Maximální výbava.
  • Vše z B
  • Rozšířené možnosti

Stepper

Active krok je zvýrazněný secondary barvou.

  • 1
    Vyber
    Zvol si variantu podle použití.
  • 2
    Nastav
    Rychlé nastavení a jasný postup.
  • 3
    Používej
    Konzistentní výstupy bez překvapení.

Boxes

Pro feature grid, argumenty i use-cases.

Přesnost

Jedna konkrétní věta k přínosu.

Workflow

Jedna konkrétní věta k přínosu.

Jistota

Jedna konkrétní věta k přínosu.

CTA bar

Silné zakončení sekce nebo celé stránky.

Nejste si jisti výběrem? Napište nám a doporučíme nejlepší variantu pro váš use-case.

Trust bar

Loga partnerů, klientů nebo “as seen in”.

FAQ

Bez JS: <details> + <summary>.

Jak rychle to zprovozním? +
Typicky během pár minut. Postup je jednoduchý a opakovatelný.
Funguje to s mým zařízením? +
Ano, ve většině běžných konfigurací. Pokud chceš jistotu, pošli nám setup a poradíme.
Co když si nejsem jistý výběrem? +
Napiš nám — doporučíme variantu podle toho, co přesně řešíš.

Product picks

Jedna karta = jeden produkt. Celá karta klikací přes stretched link.

Start Produkt A Krátké vysvětlení pro koho to je.
Produkt A
Pro Produkt C Maximální výbava pro náročné.
Produkt C

Product picks – bez obrázků

Čistá landing varianta. Text + CTA, maximální fokus na rozhodnutí.

Start Produkt A Základní varianta pro běžné použití a menší projekty.
  • Klíčová funkce 1
  • Klíčová funkce 2
Pro Produkt C Plná výbava pro náročné workflow.
  • Vše z varianty B
  • Prémiové možnosti

Hotovo preset

Hero + stepper + product picks + CTA. Jedno kopírování.

Hotovo preset

Nadpis, který slíbí výsledek

Jedna krátká věta: co zákazník dostane. Druhá věta: proč zrovna od vás.

  • Benefit 1
  • Benefit 2
  • Benefit 3
  • 1
    Vyber
    Vybereš variantu podle použití.
  • 2
    Nastav
    Rychlé nastavení bez chaosu.
  • 3
    Používej
    Konzistentní výsledky.

Doporučené varianty

Vyber podle toho, co řešíš.

Start Produkt A Pro základní potřeby.
Pro Produkt C Pro náročné použití.
Nejste si jisti výběrem? Napište nám a doporučíme nejlepší variantu pro váš use-case.
Nejsou zde žádné vhodné položky. Pro zobrazení dalších produktů použijte menu nebo vyhledávání.
%s ...
%s
%image %title %code %s
%s