Vizuální identita

Ikony

Ikony u nás fungují ve dvou doplňkových vrstvách: značkové piktogramy nesou identitu, webové ikony pokrývají provozní rozhraní. Každá vrstva má svou roli – a nemíchají se náhodně.

Dvě vrstvy ikon

Identita

Značkové piktogramy

Tenkolinkové piktogramy z našich materiálů (tahák, placky, magnety). Nesou značku a používají se pro klíčové koncepty a propagační výstupy.

Rozhraní

Webové ikony (Flaticon)

Ikonový font webu pro provozní rozhraní – drobnosti v menu, stavech a ovládacích prvcích, kde značkový piktogram není potřeba.

Značkové piktogramy

Náš rozpoznatelný styl: tenká linka, monochromaticky tmavá, jednoduchý tvar, často zasazený do kolečka. Motiv terče (cílení) navazuje přímo na logo – u terče musí být vždy čitelné šipky.

Šablona placek Optimal Marketing se značkovými piktogramy — Šablona placek se značkovými piktogramy: logo, terč (cílení), graf (optimalizace), bubliny (komunikace), žárovka (kreativita).

Základní koncepty a jejich piktogramy

Kreativita – žárovka
Komunikace – dvě řečové bubliny
Cílení – terč se šípem (motiv loga)
Optimalizace – stoupající graf / propojené uzly
Růst / start – raketa (výjimečně barevná)

Piktogramy zatím nemáme jako samostatné vektorové soubory – sada výše slouží jako referenční styl. Potřebujete je do materiálů pro Optimal Marketing? Napište nám.

Webové ikony

Na webu optimal-marketing.cz běží ikonový font Flaticon. Protože je to font, velikost a barvu řídí CSS stejně jako u textu. Jeho role je provozní: obecné ikonky v rozhraní, kde není potřeba nést značku. Kde má koncept značkový piktogram, má přednost piktogram.

Principy použití

Zásady

Držte konzistentní styl v rámci jednoho výstupu – nemíchejte linku a plný tvar ani dvě různé sady.
Má-li koncept značkový piktogram (cílení → terč, kreativita → žárovka), použijte ten – ne náhodnou ikonu.
Značkové piktogramy: tenká linka, monochromaticky tmavá; barevně jen výjimečně (raketa).
Piktogramy fungují v kolečku nebo na žluté ploše – jako na plackách.
Webové ikony používejte pro provozní rozhraní (menu, stavy, drobnosti), kde značka není potřeba.
Dostatečná velikost a čitelnost – u terče musí být čitelné šipky (stejně jako u loga).

Čemu se vyhnout

Míchání stylů (linka + plné, dvě různé sady) v jednom výstupu.
Náhodná webová ikona pro klíčový koncept, který má značkový piktogram.
Přebarvování, deformace nebo naklánění piktogramů.
Příliš drobné ikony, kde zaniká detail (šipky terče).