HERO používáme s kvalitní fotkou, která se vztahuje k danému tématu a s úderným sdělením. Kdykoliv je jeho použití možné, upřednostníme ho před dalšími druhy headerů. Na fotce můžeme využít title, perex a button. Text je dostupný v bílé a Solitea Blue, pozor na dostatečný kontrast s fotkou (viz slide s použitím Solitea Blue - špatně)

Tento typ headeru používáme pro menší nadpisy, případně se hodí pro úvod "zanořených stránek".  Lze jej naplnit titlem, perexem a buttonem. Vzhledem k dynamickému parallaxu v něm nepoužíváme fotku. Lze použít s animací / bez animace.

Tento typ headeru používáme pro menší nadpisy, případně se hodí pro úvod "zanořených stránek".  Lze jej naplnit titlem, perexem a buttonem. Nepoužíváme jako header pro úvodní slide vlastní microsite/landing page.

Tento typ headeru používáme pro menší nadpisy, případně se hodí pro úvod "zanořených stránek". Správně naplněný obsahuje title, perex a fotku. Lze doplinit o button. 

Tento prvek po kliknutí na button zaktivuje zprava vyjíždějící fullscreen okno. To zpravidla obsahuje kontaktní formulář.

Footer je pevnou součástí každé microsite / landing page. Bez něho stránku nikdy nepublikujeme.

Jedná se o "obalovací prvek", který určuje barvu pro všechno, co je uvnitř. Barva je dostupná v subbrandových odstínech, dále je možnost vybrat s/bez nadpisu.

Umožňuje zobrazit články, které jsou dostupné na blogu solitea.com. Nejprve je třeba vytvořit článek na centrálním webu, až potom je možné ho propojit s builderem.

Blok používáme v případě poskytování souboru volně ke stažení. Pokud chceme za stažení souboru získat data zákazníka, tento blok není vhodný.

Blok slouží pro prezentaci pains/gains/aj. Prvek není klikatelný, takže není možné jej použít jako rozcestník. Lze použít naplněné pouze textově, tedy title a perex. Tento druh bloku nepodporuje ikony.

Používáme pro velké množství obsahu - primárně je zobrazen pouze jeden odstavec, pro další je nutné rozkliknutí. Text je spojen s fotkou - pozor, aby text nepřetekl výšku fotky. Blok je dostupný v subbradnových barvách.

Citaci používáme v kombinaci s fotkou nebo s logem. Lze použít jako referenci nebo citaci vlastního zaměstnance. Podklad je dostupný v subbrandových barvách. 

Jedná se o fullscreenový blok, který má v levé části obsah a vpravo formuláře. Obsah lze naplnit titlem, perex a také fotkou. Je vhodné například pro e-book ke stažení - vlevo prezentujeme obsah e-booku, formulář vpravo pak služí k jeho stažení.

Používáme pro trojsloupcový odrážkový seznam. Lze použít čístlo / odrážky.

Formulář plníme dle požadavků na údaje, které chceme od zákazníka získat. Nezapomenout na zaškrtávací políčka - Souhlas ze zpracováním údajů.

Lze použít na zdůraznění pains, gains, procesu aj. Není klikatelné, ani ničím orámované. Správně naplněné obsahuje ikonu/číslo, title a perex.

Obrázek se maximalixuje při kliknutí - proto dbáme na dostatečnou kvalitu.

Hodí se pro dlouhý text. Ideální strukturovat do odstavců. Je možné naplnit i fotkou. 

Hodí se pro přihlášení na odběr Newsletteru aj.

Slouží pro srovnávání ne/výhod řešení aj. Max tři sloupce. 

Pro zobrazení kroků v postupu - implementace, spuštění, zhodnocení aj. Jednotlivé karty nejsou klikatelné.

Používáme hlavně pro prezentaci referečních společností. Loga vkládáme v šedivé barvě (přímo definovaný odstín solitea blue).

Lze použít jako rozcestník. Správně naplněná karta obsahuje nadpis, perex a button. 

Používáme pro obsáhlý text v kombinaci s ikonou - například když nemáme k dispozici fotku. Nelze použít jako rozcestník nebo pro porovnání - bloky se řadí pod sebou.

Používáme pro text v kombinaci s fotkou. Lze doplnit o title a button. Pozor, aby délka textu nepřetekla přes výšku fotografie.

Používáme pro text v kombinaci s fotkou - screenem, který umístíme do rámečku dle zařízení (mobil, tablet, notebook). Lze doplnit o title a button. Pozor, aby druh rámečku udpovídal obrázku, který do něho umísťujeme. Hodí se například pro screeny z aplikací. Velikosti screenů: telefon - 186x400 px, tablet - 550x418 px, notebook - 479x304 px

Používáme pro text v kombinaci se slideshow. Lze doplnit o title a button. Pozor, aby délka textu nepřetekla přes výšku fotografií. Pozadí je dostupné v subbrandových barvách.

Popis Tlačítko

Slouží k prolinkování videa z Youtube - video je tedy nejprve potřeba nahrát tam, nikoli přímo do Xavera.

Využíváme, když chceme proces/postup/body podpořit číslicí - např. 5 na sebe navazujích výhod, 5 kroků v rámci procesu aj. Snažíme se držet maximálně pět odrážek. Pozadí bloku je dostupné v subbrand barvách.

Lze použít na zdůraznění pains, gains, procesu aj. Není klikatelné. Správně naplněné obsahuje ikonu/číslo, title a perex. Lze naplnit větším počtem karet - objeví se šipky pro posouvání.

Sekce slouží k rozdělení následující sekce podle kategorií/řešení aj. Obsah se bude měnit v celé následné sekci, ta je dostupná v subbrandových barvách. Doporučený maximální počet položek ve filteru je pět.