Pokyny ke značce
Praktická příručka pro každého, kdo se značkou FluoTest pracuje, od partnera, který nás zmíní, po designéra, který připravuje slajd.
Logo
Hlavním logem je nápis. Na tmavém nebo fialovém podkladu použijte bílou verzi, na světlém černou.
- Logo nikdy nepřebarvujte. Je bílé nebo černé, nikdy fialové ani žluté.
- Neroztahujte, neotáčejte, neobtahujte a nepřidávejte stíny.
- Značku F a Fluo držte odděleně. Jsou to dvě různé věci.
- Název se píše FluoTest, s velkým T.
- Dodržujte ochrannou zónu o výšce značky F ze všech stran; nápis nikdy nesázejte pod 24 px.
Barvy
Fialová #9E3BB9 je barva akce. Skoro černé podklady nesou všechno. Žlutá #FFD94D je vzácný akcent. Bílá je text.
Hlavní fialová
#9E3BB9
Tmavá fialová
#7A2D91
Jasná fialová
#C264DA
Žlutý akcent
#FFD94D
Bílá
#FFFFFF
Marketingový podklad
#0D0A12
Plocha
#17131E
Plocha, vyvýšená
#211B2B
Typografie
DM Sans všude. Kontrast vzniká řezem, od 400 pro text po 900 pro titulky, nikdy druhým písmem.
DM Sans
900 Black, titulky700 Bold, nadpisy sekcí500 Medium, popisky a úvodní řádky400 Regular, text
Vizuální jazyk
Zaoblený, měkký a klidný. Karty s tenkým rámečkem, velkorysý prostor, jedna myšlenka na sekci a pohyb, který spíš plyne, než skáče.
- Karty mají zaoblení 16 px a 1px rámeček s nízkým kontrastem.
- Marketingová tlačítka jsou pilulky; tlačítka v produktu a e-mailech mají zaoblení 8 px.
- Kontejnery ikon mají zaoblení 6 px.
- Sekce dýchají. Karty se nikdy nedotýkají.
- Screenshoty skutečného produktu místo abstraktních ilustrací.
- Každá dekorativní animace se zastaví, když návštěvník preferuje omezený pohyb.
Zaoblení rohů
- Karta16px
- Panel v produktu12px
- Tlačítko (produkt, e-mail)8px
- Kontejner ikony6px
- Marketingové tlačítko, štítekpill
Fluo
Fluo je postava, ne maskot. Objevuje se malý, stranou, a něco dělá. Nikdy nepřednáší prodejní řeč.
- Nejvýš jeden Fluo na plochu, často žádný.
- Nemluví a nemá bubliny s textem.
- Pár bublinek ho může zastoupit.
- Nikdy v kvízu zákazníka, nikdy v chybových hláškách ani ve fakturaci.
Příklady použití
Jak do sebe jednotlivé části zapadají na skutečných plochách.
Příspěvek na sociální síti
Tmavý podklad, bílý nápis v rohu, jeden titulek v řezu 900, jeden screenshot. Fialová jen na výzvě k akci.
Zmínka u partnera
Pište FluoTest, odkazujte na fluotest.com a použijte bílý nebo černý nápis ze stránky s logem v původních proporcích.
Slajd
Tmavý podklad, bílý text, DM Sans, jeden screenshot na slajd. Pokud se objeví Fluo, tak jednou a malý.
Vložený kvíz
Kvíz nese vaši značku, ne naši. Jediným prvkem FluoTestu je malý odznak „Powered by FluoTest“ v bezplatném plánu.
Ano a ne
Ano
- Používejte bílý nápis na tmavém podkladu a černý na světlém.
- Používejte fialovou #9E3BB9 pro tlačítka, odkazy a akcenty.
- Titulky sázejte v DM Sans řezem 900 s těsným prostrkáním.
- Ukazujte skutečný produkt.
- Nechte Flua proplout, malého a tichého.
Ne
- Nepřebarvujte logo a nedávejte ho na rušné obrázky bez panelu.
- Nezavádějte druhé písmo ani novou akcentovou barvu.
- Nepoužívejte žlutou jako podklad pro text.
- Neslučujte značku F a Flua do jednoho obrázku.
- Nenechte Flua mluvit, prodávat nebo vysvětlovat značku.