Grafické elementy

Grafické elementy značky OlaOla tvoří základní vizuální jazyk značky.

Tato sekce definuje pravidla pro použití ikon, vzorů a dalších dekorativních prvků, které ladí s celkovým stylem značky.

Olík – smajlík značky

Olík je ústřední grafický prvek a fluent device značky OlaOla. Tento hravý smajlík s charakteristickým mrknutím a úsměvem symbolizuje přátelskost, energii a pozitivní přístup ke zdraví a dlouhověkosti. Konstrukce Olíka je založena na geometrické mřížce a oficiální barevné paletě, která zajišťuje harmonii s ostatními vizuálními prvky.

Varianty Olíka

Olík přichází v různých tvarech, inspirovaných tvary pilulek (například kruh, čtverec nebo šestiúhelník) a v různých výrazových verzích (mrknutí, úsměv, zamyšlení). Tyto varianty umožňují flexibilní použití Olíka v různých kontextech a zvyšují emocionální spojení se značkou.

Barevné kombinace

Olík je dostupný v barvách z oficiální palety značky. Jeho barevná podoba vychází z pěti pilířových kategorií, kdy má každá v základu přiřazeného svého Olíka i s výrazem. Při práci s vizuálním stylem je ale možné tvary i výrazy libovolně kombinovat.

Konstrukce bloku s textem

Textový blok je umístěn do středu podlouhlého obdélníku se zaoblenými konci, což ladí s ostatními grafickými prvky značky. Konstrukce ukazuje doporučené proporce a zarovnání textu pomocí vodicích linií a kruhových elementů, které definují zakončení obdélníku.

Kompozice s natočením bloků a kombinací Olíka.

Ikony

Ikony značky OlaOla vycházejí ze sady https://www.streamlinehq.com/, která poskytuje širokou škálu univerzálních a přizpůsobitelných ikon. Tyto ikony zajišťují profesionální a jednotný vzhled napříč všemi vizuálními materiály. Přesto jsou upraveny tak, aby odpovídaly hravému charakteru a vizuální identitě značky.

Základní ikony pro UI webu. Provedení v lince a plné tvary pro malé rozměry, např. formou odrážek.

Ikony často obsahují emocionální výrazy, jako jsou úsměvy nebo mrknutí, které podporují lidskost a hravý charakter značky. Tyto výrazy mohou být variabilní, aby odpovídaly kontextu komunikace.

Každá ikona používá barevnou paletu značky OlaOla. Kombinace jemných pastelových tónů s tmavými liniemi vytváří atraktivní a čitelné ikony.

Text je vizuálně výrazný a doplňuje jej relevantní ikona. To umožňuje snadnou orientaci uživatele a rychlé pochopení sdělení. Tento prvek vytváří oddělení od okolního obsahu a zvyšuje vizuální přehlednost.

Šmouhy

Šmouhy se často používají jako vizuální podklad pro textové bloky, například slogany nebo důležité informace, aby vynikly. Šmouhy mohou být použity jako neutrální, ale vizuálně zajímavý podklad pro produkty, grafické prvky nebo fotografie, protože dodávají materiálům živost a dynamiku.

Ukázka na barevném pozadí, kombinace produktu a grafických prvků

Efekt Noise (šum)

Efekt Noise (šum) je grafický prvek, který dodává vizuálům značky OlaOla jemnost a texturu. Používá se k vytvoření hloubky, zajímavosti a přátelského dojmu ve vizuální identitě. Tento prvek kombinuje jednoduché tvary s texturou šumu, čímž podporuje hravost a moderní estetiku značky.

Efekt se tvoří použitím masky objektu, stylem prolnutí „overlay“ a nastavením průhlednosti na 50–70 %.

Použití efektu šumu na textovém bloku

Pilířové kategorie

Každá kategorie je zastoupena konkrétním produktem, který reprezentuje danou oblast péče o zdraví.
Hraví smajlíci Olíci různých výrazů dodávají vizuálům přátelskost a hravost. Používají se specifické barvy z oficiální palety značky, které jsou přizpůsobené charakteru každé kategorie. Jemné pastelové šmouhy v pozadí vytvářejí vizuální hloubku a jednotu. Tato kombinace prvků zajišťuje konzistenci a atraktivitu vizuální identity napříč kategoriemi.

Zobrazení reálných surovin

Kombinace grafických prvků s realistickými zobrazeními surovin je klíčovým prvkem produktové prezentace. Pokud se produkt skládá z konkrétních surovin, je vhodné tyto suroviny realisticky zobrazit, aby zákazník ihned pochopil hlavní složení a chuťové či kvalitativní vlastnosti produktu.

Ukázka tří druhů produktů

Produktový banner na úvodní stranu