Brand manuál VEXiON cards

VEXiON cards nahrazuje papírové věrnostní karty digitálními kartami v Apple Wallet a Google Wallet. Kavárny, salony, restaurace a obchody díky nim přivádějí zákazníky zpět, bez aplikace ke stažení a bez plastu k tisku.

Logo píše VEXiON velkými písmeny s malým i ve VEXiON modré, za ním následuje cards ve stejné modré. Samotné X je symbol, který používáme všude, kam se celý název nevejde.

Identita je světlá a klidná: lomeně bílé stránky, bílé karty, inkoustový text a jedna výrazná modrá. Přechod horizontu přidává hloubku tam, kde ji stránka, slajd nebo příspěvek potřebuje.

Logo drží pohromadě od velkých hlaviček až po výšku 18 pixelů. U každé velikosti zachovejte jeho proporce a modré i. Pod 18 pixelů použijte samotný symbol.

Kolem loga nechte volný prostor o výšce jeho velkého písmene X. Text, okraje ani jiná loga do něj nesmí zasahovat.

X je symbol VEXiON. Používejte ho pro ikony aplikací, profilové fotky a favikony, kde by celé logo bylo příliš malé na čtení. Umístěte ho doprostřed čtverce, bílé na inkoustové nebo inkoustové na bílé.

VEXiON je vždy velkými písmeny s malým i a cards je vždy malými písmeny, i v nadpisech.

VEXiON modrá je barva značky. Označuje tlačítka, odkazy a zvýraznění i písmeno i v logu. Používejte ji jako akcent na světlých plochách, ne jako velké pozadí.

Šedá pro text nese doplňkový text, od podnadpisů po popisky, a lomená bílá je stránka za vším. Inkoustová a bílá pokrývají zbytek: hlavní text, tmavé plochy a karty na stránce.

Inkoustová je čitelná na každé světlé barvě včetně VEXiON modré. Bílá na VEXiON modré a VEXiON modrá na bílé jsou schválené pro tlačítka, odkazy a zvýraznění a šedá pro text na bílé pro doplňkový text, například podnadpisy a popisky. S poměrem 2,2:1 a 2,6:1 jsou všechny tři pod minimem WCAG AA 4,5:1, proto je nepoužívejte na dlouhé odstavce. AAA znamená 7:1 a více, AA znamená 4,5:1 a více.

Zapínáme stylistickou sadu 3 písma Geist (ss03), která mění zahnuté malé l na rovné. Zapněte si ji ve Figmě, Keynote a v každém nástroji, který podporuje funkce OpenType.

Každá velikost vychází z jednoho základu a jednoho poměru. Výchozí nastavení, 16 pixelů s velkou tercií (1,25), je škála, kterou používá web. Nadpisy jsou vždy Semibold s mírně staženými mezerami mezi písmeny a nic, co se má číst, neklesne pod 12 pixelů.

Přechod VEXiON je horizont. Inkoustová nahoře přechází přes tmavě modrou a VEXiON modrou do bledé azurové dole, podél jemné vlny a pod jemným zrnem. Každý přechod je variací tohoto jednoho receptu, takže tyto čtyři jsou příklady, ne uzavřená sada.

Horizont posuňte výš nebo níž a nechte ho vlnit se víc či méně, ale držte se palety, tmavou část nechte nahoře a okraje měkké. Světlé logo a bílý text patří na tmavou část, nikdy na jasnou azurovou.

Vyberte formát a míchejte, dokud vám jeden nesedne. Každý výsledek dodržuje recept výše a stáhnete ho jako PNG v plné velikosti.

Všechny podklady z této stránky připravené k použití. SVG pro vše, co se zvětšuje, PNG pro dokumenty a prezentace a WebP nebo PNG pro obrázky.