Menu

Teamio design manual


Vizuální styl

Vzhled Teamia odráží to, jací jsme… Oblí a růžoví?

Ne tak docela.

Teamio není ostrohranný, šedý tabulkový editor. Není to ale ani květinkovaná aplikace pro náctileté. Jsme přátelští, pomáháme a chceme se líbit (a to nejen ženám). Proto volíme výrazné a hravé (ale není to žádná divočina) barvy a prvky. Všudypřítomný dostatek bílé nechává uživatele volně dýchat, aby barevné drobnosti lépe vynikly.



Minimální ochranná zóna

Teamio nemá rádo, když se na něj ostatní (písmena) lepí. Dejte mu proto patřičný prostor.


Piktogram

Piktogram

Povolené a zakázané užití loga

Logo Teamio – barevné
Logo Teamio – barevné pozadí
Logo Teamio – barevný přechod
Logo Teamio – deformace
Logo Teamio – outline
Logo Teamio – bílý text
Logo Teamio – rotace
Logo Teamio – deformace
Logo Teamio – nepovolená barva pozadí

Barvy a jejich logika

Našimi primárními barvami jsou růžová, modrá a spousta bílé. Fialovou používáme hlavně pro texty. Objevuje se také jako hlavní barva Teamio lišty, aby logo hezky vyniklo.

Teamio Blue

  • RGB: 0/150/238
  • CMYK: 73/33/0/0
  • PANTONE: 2194 C
  • HEX: 0096ee

Teamio Pink

  • RGB: 230/31/96
  • CMYK: 4/98/45/0
  • PANTONE: 2040 C
  • HEX: e61f60

Teamio Dark

  • RGB: 52/46/64
  • CMYK: 76/76/49/50
  • PANTONE: 439 C
  • HEX: 342e40

Užití fontů

Primární font – VAG Rundschrift D

Ag

ABCDEFGH abcdefgh
VAG Rundschrift D
Regular

Ag

ABCDEFGH abcdefgh
VAG Rundschrift D
Regular Italic

Sekundární font – Open Sans

Ag

ABCDEFGH abcdefgh
Open Sans
Light

Ag

ABCDEFGH abcdefgh
Open Sans
Light Italic

Ag

ABCDEFGH abcdefgh
Open Sans
Regular

Ag

ABCDEFGH abcdefgh
Open Sans
Regular Italic

Ag

ABCDEFGH abcdefgh
Open Sans
Bold

Ag

ABCDEFGH abcdefgh
Open Sans
Bold Italic


Příklady vizuálních prvků

Ukázka vybraných ikon a komponent


Fotografie a vizuály

„Tahle žena je moc… hezká, stará, mladá, ošklivá, chlap…“ doplňte si. Tomu všemu se chceme vyhnout. Uvědomujeme si, že fotobanky jsou plné vysmátých blondýnek v padnoucích kostýmcích. Což o to, my proti nim nic nemáme, ale naši uživatelé se s nimi asi jen těžko ztotožní.

S fotkami tedy zacházíme velmi opatrně. Součástí brandu Teamia jsou vizuály, které reflektují pracovní den personalisty (diář, skrčené papíry, hrnek kafe na stole, spousta položek v úkolníčku…). Občas si vypomůžeme obrázky rukou nebo nadsazeným obrázkem, jako je manažer polepený desítkami post-itů.

Pokud se ale vrhneme např. do rozhovoru s konkrétní osobou, tak ji rádi ukážeme v celé své kráse. Ideálně při práci v nějaké jí přirozené podobě (i když by to mělo znamenat, že je celá polepená post-ity).


Vizuální styl

Mrkněte, jak se Teamio prezentuje na dalších materiálech a nechte se inspirovat.

Dejte si kafe a inspirujte se ukázkou níže


Ke stažení

Stáhnout logo Teamia si může každý. Pokud to s ním ale myslíte vážně, určitě si projděte pravidla pro jeho použití.

Primární varianty loga

Teamio dark

Teamio dark b/w

Stáhnout všechna loga


Teamio UI knihovna

Chcete pracovat se značkou Teamio? Prohlédněte si naše komponenty v UI knihovně.