Značka Elevale

Princípy, aktíva a referencie.

Základy značky

Hodnoty značky

Tieto princípy formujú rozhodnutia o produktoch, marketing a to, ako pôsobíme pred vedením. V externej komunikácii sú nevyhnutné.

Zarovnanie nad aktivitou

Zaneprázdnené tímy nie sú to isté ako zosúladené tímy.

Hovoríme o spoločnom smerovaní, prepojených OKR a pokroku, ktorý vidí predstavenstvo, nie o zaneprázdnenosti samotnej.

Jasnosť nad šumom

Lídri by mali vidieť, na čom záleží, bez ďalšieho bludiska na dashboarde.

Znižujeme fragmentáciu: jedno riadiace centrum pre riadenie, metriky a vykonávanie. Jazyk zostáva jednoduchý a špecifický.

Dôkazy nad názorom

Rozhodnutia by mali byť založené na aktuálnych údajoch, nie na zastaraných exportoch.

Dôraz kladieme na KPI, záznamy zmien a podložené poznatky z umelej inteligencie, dôkazy, na ktorých môže vedenie konať, nie na humbuk alebo dohady.

Stvorené pre vedenie

Vykonanie na podnikovej úrovni bez zložitosti na podnikovej úrovni.

Rešpektujeme riaditeľov a prevádzkovateľov: dôslednosť v zasadacej miestnosti, použiteľnosť v prvej línii a riadenie bez byrokracie.

Základy značky

Správy

Čo hovoríme, komu to hovoríme a ako to dokazujeme, konzistentne naprieč webom, produktmi, predajnými materiálmi a materiálmi pre partnerov.

Elevale je platforma pre strategickú realizáciu, ktorá premieňa smerovanie na OKR, živé KPI a zosúladenie tímu pre obchodných riaditeľov, ktorí chcú jasnosť a smerovanie, nie chaos.

Kategória

Platforma pre strategickú realizáciu, nie všeobecný projektový nástroj ani ďalší BI dashboard. Úlohy, OKR a živé KPI sú súčasťou jedného systému, takže smerovanie, každodenná práca a dôkazy zostávajú prepojené a nie sú roztrúsené medzi samostatnými aplikáciami.

Publikum

Obchodní riaditelia, zakladatelia a vedúce tímy prevádzkujúce viacero prevádzok alebo rastúce prevádzky. Stanovujú stratégiu, vykonávajú kontroly a potrebujú, aby sa podnikanie rozvíjalo ako jeden celok, nie viac softvéru len kvôli softvéru.

Sľub

Premeňte stratégiu na realizáciu, ktorú váš tím vedenia môže vidieť a riadiť: živý smer, merateľné ciele, aktuálne metriky a umelá inteligencia, ktorá číta vaše podnikanie, nie otvorený web.

Dôkaz

Tvrdenia o základe v realite produktu: OKR prepojené s úlohami, živé KPI, záznamy o zmenách v podnikaní, Otto založený na údajoch z pracovného priestoru a výsledky, ktoré riaditelia rozpoznávajú (zosúladenie, menej slepých miest, rýchlejšie kontroly).

Tok správ

V častiach s hrdinami a vstupnými sekciami rozprávajte príbeh v troch fázach: začnite úvodnou myšlienkou, ktorá pomenuje napätie, ukážte, ako ho Elevale rieši, a potom vyzvite na ďalší krok. Toto je poradie rozprávania, nie typografická špecifikácia. Štýly nadpisu, tela a tlačidiel fungujú v Typografii a UI vzoroch.

  1. Výzva Jeden ostrý háčik, nie odsek

    Súhlasili ste s plánom. Opýtajte sa, čo je dnes na programe, a v miestnosti sa rozhostia ticho.

  2. Rozlíšenie Ako Elevale mení obrázok

    Jedno veliteľské centrum spája smerovanie, OKR, aktuálne KPI a každodenné úlohy, aby váš vedúci tím mohol sledovať pokrok a riadiť sa bez ďalšieho bludiska ovládacieho panela.

  3. Výzva na akciu Ďalší krok, ktorý chcete, aby urobili

    Začnite svoju 14-dňovú bezplatnú skúšobnú verziu

Jazyk správ

  • Použitie: veliteľské centrum, strategické prevedenie, smerovanie, zosúladenie, živé KPI, dôkazy, vedúci tím
  • Vyhnite sa: zázraku typu všetko v jednom, narušeniu, revolučnej umelej inteligencii, najlepšej vo svojej triede, synergii
Základy značky

Tón hlasu

Ako znieme, keď sa hodnoty a posolstvo stretnú s textom: sebavedomo, priamo a prakticky. Napísané pre režisérov, ktorí potrebujú jasnosť, nie žargón.

Jasné

Povedzte, čo robí Elevale a prečo je to dôležité, jednoduchými slovami. Krátke vety. Konkrétne podstatné mená. Žiadne výplňové prídavné mená.

Rozhodujúci

Uprednostňujte aktívny hlas a výsledky, ktoré si lídri vedia predstaviť: recenzie, ktoré odrážajú realitu, ciele, ktoré si tímy môžu osvojiť, metriky, ktoré sa aktualizujú naživo.

Človek

Uznajte skutočnú bolesť: roztrieštené nástroje, stratégiu v prezentáciách, ktorú nikto nesleduje, recenzie založené na číslach z minulého mesiaca. Potom ukážte dôveryhodný postup.

Vzorka značky

Premeňte stratégiu na realizáciu, ktorú vidí vaša správna rada

Elevale spája vaše smerovanie, OKR a živé KPI v jednom veliteľskom centre, takže vedenie trávi menej času zosúlaďovaním tabuliek a viac času riadením podniku.

Výber slov

  • Použitie: jasnosť, prevedenie, smerovanie, zosúladenie, dôkazy, uzemnenie, vedenie
  • Vyhnite sa: synergii, narušiť, revolučnému, najlepšiemu vo svojej triede, využiť (ako sloveso), využiť

Podľa kanála

  • Marketingová stránka: zameraná na titulky, zameraná na dôkazy, minimálne výkričníky.
  • Používateľské rozhranie produktu: stručné popisky, užitočné prázdne stavy, žiadne marketingové zbytočnosti v pracovných postupoch.
  • Predaj a terasy: rovnaký sľub ako na stránke: rozširovať sa s ohľadom na zákazníkov, nikdy neprotirečiť umiestneniu.
Základy značky

Otto

Otto je vydra: strategický poradca pre umelú inteligenciu a charakter značky Elevale. Nie je ľudským hovorcom. Vždy musí reprezentovať riešenie, nie problém, a prinášať jasnosť, energiu a radosť so zmyslom.

Vydra Otto, strategický poradca pre umelú inteligenciu a charakter značky Elevale

Čo predstavuje Otto

Jasnosť, energia a radosť, nikdy nie maskot, nikdy nie rekvizita.

Je charakteristickou tvárou nášho strategického poradcu pre oblasť umelej inteligencie: je to vydra, vďaka ktorej sa fundované rady zdajú byť prístupné. Je to premýšľajúci partner, ktorý je prepojený s vaším strategickým smerovaním, OKR, KPI, wiki a trhovým kontextom. Každý prejav by mal ukazovať cestu vpred: jasnejší brief, vyriešený blok, hybnú silu od poznatkov k činom, nie neporiadok pred Elevale.

V produkte

Otto je strategický poradca pre umelú inteligenciu v rámci platformy: hlasový a písaný chat, vložené odkazy na živé KPI a OKR a pomoc s premenou poznatkov na aktualizovaný smer, ciele a úlohy. Je poradcom, na ktorého sa obracajú pri veľkých aj malých otázkach: funkčných, uzemnených a vždy prepojených s údajmi z pracovného priestoru.

V oblasti značky a marketingu

Na webovej stránke a v komunikácii sa Otto objavuje vtedy, keď môže predviesť riešenie: predstavenie veliteľského centra, ukážka, ako sa dosahuje prehľadnosť, alebo signalizácia umelej inteligencie, ktorá rozumie podnikaniu. Nie maskot na okraji stránky. Nie rekvizita popri prázdnom humbuku. Účel na prvom mieste.

V kampaniach

V kampaniach Otto podporuje strategickú jasnosť, prevedenie a umelú inteligenciu založenú na skutočnej práci, nikdy nie komickú úľavu, nikdy nie zosobnenie problému. Ukážte, ako sa objavuje smer, odblokujú sa rozhodnutia alebo ako vedenie dostáva odpovede bez ďalšieho ovládacieho panela. Iba schválené grafické prvky.

Kontaktujte tím pre schválenie Akékoľvek použitie platformy Otto, či už pre interné materiály, externé reklamy, sociálne siete alebo partnerské materiály, si vyžaduje pred zverejnením schválenie značky.

Pokyny

Toto

  • Používajte Otta iba vtedy, keď predstavuje riešenie: jasnosť, podložené rady, energiu alebo hybnú silu od vhľadu k činu.
  • Zahrňte ho, keď rozprávanie príbehov Elevale potrebuje jasného návodu na odpoveď: víziu, dôkaz, umelú inteligenciu, ktorá pozná vaše podnikanie, nie ojedinelé vtipy.
  • Nech prináša jasnosť, energiu a radosť. Vtipný, priamy a sebavedomý ako hlas Elevale, nikdy sarkastický, chaotický alebo detinský.
  • Použite schválené grafické návrhy od Otta zo stavebnice. Postavu neprekresľujte, neprefarbujte ani nenaťahujte.
  • Zapojte tím značky už v počiatočnej fáze kampaní, predaja tovaru alebo sociálnych sietí, aby používanie zostalo zámerné.

Nie toto

  • Neobjavujte Otta ako problém: zmätok, zlyhanie, chaos alebo utrpenie „pred Elevale“. Ukazuje riešenie, nie bolesť.
  • Nesprávajte sa k nemu ako k maskotovi. Žiadne klipartové obrázky, žiadny úsmev vedľa textu, ktorý nepodporuje, žiadna tapeta so značkou.
  • Nepoužívajte ho ako rekvizitu. Nedržte prázdne nápisy, neukazujte na nesúvisiace ponuky ani nezapĺňajte priestor, pretože rozloženie pôsobí prázdne.
  • Nepoužívajte ho ako výplň, tapetu alebo dekoráciu v štýle emoji bez posolstva.
  • Neumiestňujte ho do technickej dokumentácie, právnych stránok alebo kontextov, ktoré sú v rozpore s pozíciou na vedúcej pozícii.
  • Nevytvárajte nové pózy, kostýmy ani správy bez schválenia, a to ani pre interné snímky.
  • Nemeňte jeho vzhľad, proporcie ani párovanie s neschválenými logami alebo partnerskými značkami.
Logo

Zámok je predvolené logo Elevale: zámok loga a zámok slova v jednom súbore. Zámok je samostatný marketingový text. Často ho používame na stránke, ale nie je súčasťou zámok.

Časti loga

Tieto názvy používajte konzistentne v briefoch, balíčkoch a súprave značky. Keď hovoríme logo Elevale, myslíme tým uzamykateľný symbol, pokiaľ výslovne nepožadujeme iba označenie loga.

Časti loga
Elevale lockup: logo mark and wordmark
Značka loga
Prepletené ružové a fialové štvorce vľavo.
Slovná ochranná známka
Názov Elevale v jazyku Coolvetica Condensed je vpravo.
Uzamknutie
Logo a slovné označenie spolu. Toto je predvolený súbor loga.

Známka

Stratégia, ktorá nikdy nezomrie

Typické umiestnenie na hrdinovi

Často sa zobrazuje nad hlavným nadpisom. Nepoužívajte ho v exportovaných súboroch s logom, pokiaľ značka neschváli vlastné uzamknutie.

Čo znamená logo

Logo tvoria dva štvorce, odsadené a prepojené. Čítajú sa ako samostatné moduly, ktoré sa rozhodli stretnúť: tam, kde bola priepasť medzi stratégiou a realizáciou, medzi tým, čo povedalo vedenie, a tým, čo mohla firma ukázať, je teraz zámerný dotyk. Žiadne rozmazanie. Žiadne prevzatie. Spojenie, ktoré môžete vidieť.

Prekrytie je bod. Táto spoločná hrana je miestom, kde sa nachádza Elevale.

Od odlúčenia k spoločnému úsiliu

V jednom rohu tabuľky, v druhom OKR, recenzie založené na exporte z minulého mesiaca. Logo je opakom tohto posunu: dve roviny, ktoré sa zasúvajú do súradnicového registra, aby si firma prestala verejne protirečiť.

Šev je veliteľské centrum

Spoločný kútik nie je dekorácia. Je to spojnica, kde sa majú stretnúť briefing, metriky a tímová akcia. Elevale je produktom tohto prekrytia: jedna plocha pre smerovanie, meranie a následné spracovanie.

Prepletené, stále v pohybe

Posun naznačuje pohyb vpred bez kolízií. Stratégia neruší operácie; dáta nepochovávajú ľudí. Štvorce postupujú spoločne, ako priority, ktoré sa nakoniec uberajú rovnakým smerom.

Nadmorská výška na spoji

Elevale sa z tejto križovatky dvíha. Zosúladenie nie je plagát na stene; je to moment, kedy sa organizácia povznesie nad hluk, pretože zámer a dôkazy zdieľajú tú istú hranu. Logo je malé. Myšlienka nie je.

Ružová a fialová v logu

Ružová a fialová majú svoje miesto. Ružová je teplá: smer, hybnosť a tlak na rozhodnutie. Fialová je chladná: dôkazy, štruktúra a dôkaz, ktorými sa môžete riadiť. Nechajte ich na svojom vlastnom štvorci; delia si hranu iba tam, kde sa zámer stretáva s dôkazom. Pravidlá HEX, RGB a UI sú v základných farbách.

  • Ružová

    Smer a hybnosť

    #E20F7A --pink

    Teplá purpurová s čistou energiou. V značke je umiestnená vpredu: oko ju dosiahne ako prvú, rovnako ako vedenie musí pomenovať, na čom záleží ďalej.

    Represents Zámer pred dôkazom: kam smeruje podnikanie, čo sa uprednostňuje a energia na posun vpred.

    V logu vedie príbeh ružová farba. V používateľskom rozhraní produktu je to akčná vrstva: primárne tlačidlá, prioritné stavy a momenty, ktoré si vyžadujú jasné rozhodnutie.

  • Fialová

    Dôkazy a štruktúra

    #5270F5 --purple

    Pokojná modrofialová farba s hĺbkou. Mierne sa odlišuje od tepla ružovej a nesie metriky, štruktúru a dôkazy v stabilnom a dôveryhodnom tóne.

    Represents Čo môže firma ukázať: živé KPI, prepojená práca, štruktúra a dáta riadené líderstvom, ktorým môže dôverovať.

    V logu fialová farba dotvára to, čo ružová začína. V používateľskom rozhraní produktu nesie metriky, dôraz na navigáciu a kladie dôraz na jasnosť ako na dekoráciu.

Veľkosti a rozstupy

Na všetkých stranách uzamykateľného prvku ponechajte voľný priestor rovnajúci sa výške ružového rohového modulu na značke loga (20 pixelov pri štandardnej veľkosti uzamykateľného prvku).

x = výška ružového rohového modulu na značke loga (20px pri štandardnej veľkosti uzamykania). Na všetkých štyroch stranách uzamykania ponechajte aspoň jeden x priestoru.

Minimálny voľný priestor
Logo

Stiahnite si schválené uzamykateľné súbory a súbory iba s logom. Uzamykateľné súbory používajte na marketing; logo samotné používajte iba tam, kde je málo miesta a značka je už rozpoznateľná.

Uzávery

Iba logo

Pre favicony, ikony aplikácií, avatary a kompaktné používateľské rozhranie. Súbory dlaždíc aplikácií obsahujú farebné pozadie; neorezávajte ich ani neprefarbujte.

Logo

Použitie

Na svetlých pozadiach použite celofarebné prekrytie a na tmavých pozadiach pre plné tmavé pozadia. Na fotografiách alebo rušných povrchoch pridajte jednofarebné prekrytie alebo prepnite na obrátené prekrytie, aby značka zostala čitateľná.

Schválené pozadia

Svetlo
Tmavé

Veci, ktorým sa treba vyhnúť

Nenaťahujte ani nedeformujte

Nepridávajte obrysy

Neotáčajte uzáver

Neumiestňujte na rušné pozadia bez kontrastu

Udržiavajte voľný priestor

Farba

Základné farby

Ružová a fialová fungujú ako pár, nie ako náhrady. Ružová priťahuje pozornosť k smeru a akcii; fialová skrýva funkčnú pravdu. Neutrálne farby robia ťažkú prácu v používateľskom rozhraní produktu a v dlhom texte.

Ako spolupracujú

Ružovú použite, keď chcete zvýrazniť hybnú silu alebo primárnu akciu. Fialovú použite, keď chcete prostredníctvom dát zobraziť štruktúru, metriky alebo dôveru. Prechod z ružovej na fialovú je určený len pre hrdinov a prémiové skupiny. Pozrite si Prechody.

Značková ružová

Značková ružová. Smer, výzvy na akciu a úvodný štvorec v logu. Nemeňte odtieň ani sýtosť.

#E20F7A rgb(226 15 122) --pink

Značka fialová

Fialová farba značky. Dôkaz, štruktúra používateľského rozhrania produktu a koncový štvorec v logu. Nemeňte odtieň ani sýtosť.

#5270F5 rgb(82 112 245) --purple

Ružové svetlo

#FCE4F1 rgb(252 228 241) --pink-light

Fialové svetlo

#EEF0FE rgb(238 240 254) --purple-light

Tmavé

#111318 rgb(17 19 24) --dark

Čierna

#0A0A0A rgb(10 10 10) --black

Biela

#FFFFFF rgb(255 255 255) --white

Sivobiela

#F9FAFB rgb(249 250 251) --off-white

Farba

Prechody

Prechody prelínajú ružovú s fialovou: rovnaký príbeh ako logo, len súvislý. Používajte ich striedmo na hrdinoch, výzvach na akciu a prémiových marketingových páskach, nikdy nie za textom tela.

Tmavý gradient značky

#0D1117 · rgb(13 17 23) #111827 · rgb(17 24 39) #1A1040 · rgb(26 16 64)

Ružová až fialová

#E20F7A · rgb(226 15 122) #5270F5 · rgb(82 112 245)
Typografia

Displej: Coolvetica Condensed

Stiahnite si Coolveticu

Nadpisy, hlavné názvy a názvy sekcií. V marketingových textoch používajte veľké písmená; vyhýbajte sa veľkým písmenám okrem krátkych názvov.

Strategické prevedenie, jasné

Typografia

Text textu, popisky používateľského rozhrania a podporný text. Schválené sú hmotnosti 400, 500 a 700.

Jedna platforma pre smerovanie, KPI, OKR a zosúladenie tímu.

Snímky

Fotografia

Fotografia sa nachádza popri používateľskom rozhraní produktu, diagramoch a marketingovej grafike. Používame ju v hlavných postavách kampaní, maketách používateľského rozhrania, momentkách na pracovisku a v tíme a malých avataroch na obrazovkách aplikácií (časové osi, organizačné schémy, žetóny pridelených zamestnancov). Každý obrázok by mal podporovať stratégiu a realizáciu jasným textom, farbou značky a kontextom.

Kde sa fotografia objavuje

Produkčná fotografia zahŕňa rámy kampaní, makety používateľského rozhrania, snímky pracoviska, tímové portréty a avatary používateľského rozhrania. Každý typ má svoje vlastné pravidlá pre veľkosť a zdroje, ktoré sú uvedené v kartách nižšie, plus krátky zoznam toho, čo sa nemá posielať.

Kampaň a kreatíva pri spustení

Spárujte osobu alebo schválenú postavu značky s komponovanou scénou: gradientový alebo farebný pás, nadpis a používateľské rozhranie produktu vpredu. Teplo a dôveryhodnosť pochádzajú z ľudskej stránky; dôkaz pochádza z rozhrania. Výrezy môžu presahovať pás, ak je čitateľnosť dobrá.

Makety používateľského rozhrania a produktové scény

Vytvárajte štylizovanú grafiku používateľského rozhrania a komponované scény, nie fotografie pomenovaného hardvéru (žiadne rámiky iPhonu, MacBooku ani iných značkových zariadení). Používajte neutrálne tvary obrazoviek, vrstvené karty alebo abstraktné rámiky, aby vizuály nestarli po aktualizácii produktov. Spojte fotografiu s používateľským rozhraním, keď to pomáha príbehu; zachovajte čitateľnosť písma a kariet. Zdroj v plnom rozlíšení; nenaťahujte orezy s nízkym rozlíšením.

Fotografovanie na pracovisku a v kancelárii

Zobrazujte skutočné kancelárie, dielne a pracovné momenty pre stránky „O nás“, kultúrne skupiny, kariéry a redakčné bloky. Uprednostňujte prirodzené svetlo, autentické priestory a rozmanité tímy pred všeobecnými kanceláriami. Pridajte jednoliatu alebo prechodovú vrstvu, keď sa text nachádza na obrázku.

Portréty tímov a lídrov

Používajte prístupné portréty a malé skupiny pre líderstvo, sociálne dôkazy a partnerský obsah. Zachovajte neutrálny vzhľad šatníka alebo obsahu v súlade so značkou. Keď fotografia podporuje kampaň, komponujte s použitím používateľského rozhrania produktu alebo titulkov, nie ako nesúvisiacu tapetu portrétu.

Avatary v používateľskom rozhraní produktu

Orezané portréty vo veľkosti avatara (približne 24 – 40 pixelov) v časových osách, organizačných schémach, čipoch pridelených osôb a riadkoch so sociálnym zabezpečením. Schválené orezania avatarov zo sady pre značku používajte iba v tejto veľkosti. Nikdy nezvyšujte veľkosť súborov avatarov pre hrdinov alebo skupiny kampaní.

Nepoužívajte

Náhodné mriežky s portrétmi, fotografie podaných rúk, fotografie hrdinov s plnou šírkou bez kontextu produktu alebo správy alebo makety uzamknuté na rozpoznateľných zariadeniach spotrebiteľov. Fotografia by mala vysvetľovať platformu, ukazovať skutočnú prácu alebo zdôrazňovať titulok. Ak ani jedno z toho nie je vhodné, zvoľte radšej grafiku alebo používateľské rozhranie.

Zloženie v štýle kampane

Pri uvedení na trh a pri kampaniach sa skutočná osoba alebo postava značky spája s kartou používateľského rozhrania produktu na výraznom pozadí značky. Titulok nesie sľub, karta používateľského rozhrania nesie dôkaz a fotografia môže prečnievať cez horný okraj, keď nohy zostanú ukotvené v spodnej časti remienka.

Príklad kompozície. Použite fotografie s vysokým rozlíšením, licencované fotografie alebo schválené výrezy značiek v plnej veľkosti kampane.

Knižnica avatarov (veľkosť zobrazenia používateľského rozhrania)

Schválené orezania iba pre makety a používateľské rozhranie produktu. Zobrazte v nižšie uvedenej veľkosti. Pre kampane, pracovisko alebo tímové kapely použite samostatné fotografie v plnom rozlíšení.

Riaditeľ
Riaditeľ
Vedúci operácií
Vedúci operácií
Vedúci financií
Vedúci financií
Vedúci stratégie
Vedúci stratégie

Kvalita a doručenie súboru

Fotografie kampaní, makiet, pracovísk a tímov by mali mať pred exportom pozdĺž dlhšej strany aspoň 1200 pixelov. Pre web odovzdajte súbory WebP alebo AVIF. Súbory avatarov zostávajú v pôvodnej malej veľkosti. Pri kombinovaní fotografií s logami partnerov alebo spoločným brandingom si vyžiadajte kontrolu značky.

Snímky

Marketingová grafika

Na webovej stránke, stránkach s prezentáciami a v kampaniach používame karty v štýle používateľského rozhrania, jemné prekrytia a decentné farby značky. Cieľom je hĺbka a jasnosť, nie dekorácia sama o sebe.

Zdržanlivosť pred hlukom

Stačí jeden hlavný vizuál na hrdinu alebo sekciu. Nechajte text, rozostupy a jednu skupinu naukladaných kariet niesť príbeh. Ak všetko kričí, nič nepristane.

Farba so štruktúrou

Neutrálne farby (biela, sivobiela, tmavý text) držia rozloženie. Ružová a fialová sa zobrazujú ako akcenty: horné okraje na kartách, čiary grafu, odznaky a prechodové pásy na tmavých častiach. Nevyplňujte veľké plochy plnými prechodmi značky za hustým používateľským rozhraním.

Hĺbka prostredníctvom vrstvenia

Použite dve alebo až tri prekrývajúce sa karty s odsadenou pozíciou, rotáciou svetla a mäkkým tieňom. Dve karty stačia, ak je príbeh jednoduchý; tretiu pridajte iba vtedy, ak dopĺňa kontext. Predná karta nesie posolstvo; zadné karty naznačujú podporné detaily.

Prekrytia a panely

Umiestnite grafiku dovnútra panelov so vzormi alebo na pokojné pozadia. Na fotografie alebo tmavé pásy pridajte jednoliatu alebo prechodovú vrstvu, aby text a karty zostali čitateľné. Karty sú umiestnené nad pozadím; nekonkurujú mu.

Odporúčané

Príklad s maximálne tromi kartami: každá vrstva má názov a jednu UI pomôcku. Predná karta nesie nadpis; zadné karty zostávajú svetlejšie, ale stále čitateľné. Použite dve, keď to stačí.

Vyhnite sa

Ploché mriežky s výraznými prechodmi, konkurenčnými tvarmi a blokmi rovnakej hmotnosti. Pôsobí ako neporiadok a oslabuje príbeh produktu.

Usage rules

  • V kôpke hrdinov použite dve alebo tri karty, nikdy nie viac ako tri. Zastavte sa pri dvoch, ak tretia vrstva nepridáva kontext.
  • Vnútorné farby kariet by mali byť prevažne neutrálne. Na jeden akcent na karte (okrajový pruh, bodka, iskriaca čiara alebo odznak) použite ružovú alebo fialovú.
  • Pre hrdinov, výzvy na akciu a tmavé pásy si vyhraďte plné ružovo-fialové prechody. Pozrite si Prechody a Základné farby.
  • Ak je to možné, použite pre grafiku funkcií a domovskej stránky skutočné vzory používateľského rozhrania produktu. Pozrite si časť Používateľské rozhranie produktu.
  • Vstup animujte krátkym, postupným pohybom (prelínanie a mierne zdvíhanie), nie konštantným pohybom. Pozrite si časť Pohyb.
  • Keď sa vedľa kariet objaví Otto alebo fotografia, nechajte grafiku priestor na rozbeh. Nepreplňujte kôpku.
Snímky

Používateľské rozhranie produktu

Stiahnite si sadu pre značku

Začnite s reálnymi obrazovkami aplikácií Elevale a vzormi používateľského rozhrania na snímkach obrazovky a marketingovej grafike. Môžete zjednodušiť, orezať alebo odstrániť sekundárne ovládacie prvky, ak to zvýrazní ich hodnotu. Zachovajte pokojné neutrálne farby, Satoshi pre text používateľského rozhrania a ružovú alebo fialovú iba tam, kde produkt skutočne zdôrazňuje stav, grafy a akcie.

Skutočné používateľské rozhranie, zjednodušené pre príbeh

Vytvárajte z autentických rozložení, typov a komponentov Elevale. Pre marketing je v poriadku minimalizovať rozhranie: odstrániť bočné panely, orezať navigáciu alebo skryť funkcie, ktoré nepodporujú posolstvo. Cieľom je vysvetliť, na čom záleží, nie zobraziť každý ovládací prvok na obrazovke. Nevkladajte používateľské rozhranie do náhodných okien prehliadača ani neprefarbujte generickú šablónu dashboardu tak, aby vyzerala v súlade so značkou.

Farba tam, kde sa v produkte používa

Pozadia zostávajú biele alebo takmer biele. Ružová a fialová sa zobrazujú na aktívnych navigačných položkách, priebehu, sériách grafov, odznakoch a hlavných tlačidlách v aplikácii. Nepreplňujte snímku obrazovky prechodmi, ktoré neexistujú v živom používateľskom rozhraní.

Sústreďte sa na jednu úlohu, ktorú treba urobiť

Zúžte rámec pracovného postupu, ktorý vysvetľujete: smer, OKR, KPI alebo dashboardy. Odstráňte prázdny priestor, nesúvisiace moduly a šum v používateľskom rozhraní, aby divák videl jeden jasný výsledok, nie celý produkt naraz.

Priraďte médium

Úplné snímky obrazovky v dokumentárnom štýle patria do prípadových štúdií, dokumentov a predajných prezentácií. V prípade webových hrdinov uprednostnite zjednodušené orezania alebo vrstvené grafické prvky kariet v marketingovej grafike, keď potrebujete hĺbku bez zobrazenia celej aplikácie.

Zachytiť a exportovať

  • Zachytávajte údaje z testovania alebo produkcie so skutočným textom a popismi. Zjednodušte alebo orežte používateľské rozhranie, keď to objasní hodnotu; nepridávajte falošné moduly. V prípade potreby rozmažte alebo anonymizujte mená zákazníkov.
  • Nenaťahujte, neskresľujte ani nezaoblievajte rohy inak ako výrobok.
  • Ružové a fialové akcenty ponechajte v rovnakých úlohách ako aplikácia (navigácia, grafy, výzvy na akciu). Pozrite si Základné farby.
  • Pre marketingových hrdinov bez kompletnej snímky obrazovky použite naskladané karty používateľského rozhrania podľa marketingovej grafiky.
  • Exportujte v 2× rozlíšení pre ostré snímky a web; uprednostňujte PNG alebo WebP s farbami sRGB.
  • Najnovšie schválené snímky sú k dispozícii v súprave značky na Disku Google. Ak si nie ste istí, požiadajte o prístup pred externým publikovaním.
Vzory používateľského rozhrania

Vzory používateľského rozhrania

Produktové a marketingové používateľské rozhranie zdieľa polomery, tiene a úpravy tlačidiel z dizajnového systému.

Použite jednu primárnu akciu na jedno zobrazenie. Na svetlých marketingových povrchoch ju spárujte so sekundárnym textom alebo s obrysovou tabletkou. Tlačidlá typu „thin“ si vyhraďte iba pre tmavé pozadia.

Primárna výzva na akciu
Dvojica hrdinov (primárny + sekundárny text)
Zvýraznené sekundárne (svetlé povrchy)
Duch (iba tmavé povrchy)
Stredný polomer (12px)
Tieň karty
Ikonografia

Ikonografia

Elevale používa obrysové ikony Lucide na marketingových stránkach, v sekciách funkcií a v UI maketách. Jedna rodina, jedna hrúbka čiary a malá mierka umožňujú prehľadávanie navigácie a kariet.

Princípy

Iba Lucide

Používajte ikony zo sady Lucide (prostredníctvom nášho registra stránok). Nekombinujte ikony Feather, Font Awesome, emoji alebo ikony na mieru na rovnakom povrchu.

Hmotnosť obrysu

Čiarové ikony s ťahom 1,5–2px na plátne s veľkosťou 24px. Nepoužívajte tenké čiary (<1,5px) ani hrubé čiary (>2px) a nikdy nekombinujte vyplnené glyfy s obrysovým Lucide na jednom paneli.

Monochromatická farba

Na svetlom používateľskom rozhraní použite značkovú ružovú alebo fialovú, prípadne neutrálnu stredne sivú pre sekundárne prvky. Na prechodoch a tmavých pásoch sa ikony zmenia na bielu.

Význam prvý

Vyberte ikony, ktoré zdôraznia označenie (cieľ pre ciele, graf pre KPI, používatelia pre tímy). Ak ikona neobjasňuje čiaru, radšej ju vynechajte, než ju ozdobte.

Stupnica veľkostí

Držte sa 16, 20 a 24 pixelov. Karty s marketingovými funkciami môžu na zvýraznenie použiť 28 pixelov; nevymýšľajte si jednorazové veľkosti.

16px Vložené meta, husté tabuľky, čipy
20 pixelov Sekundárne tlačidlá, kompaktná navigácia, riadky zoznamu
24px Predvolené používateľské rozhranie, karty funkcií, ikony hlavnej navigácie

Farba na povrchoch

Svetlé používateľské rozhranie Ružová alebo fialová na bielych / sivobielych kartách
Prechod značky Biela ikona na ružovo-fialových pásikoch
Sekundárne Stredne sivá pre podporné čiary, nie pre primárne výzvy na akciu

Kde sa zobrazujú ikony

  • Navigácia Spárujte každú primárnu navigačnú ikonu s viditeľným textovým popisom. Rovnaká veľkosť a farba pre všetky položky v skupine.
  • Marketingové karty Jedna ikona na hlavičku karty (body slabosti, výhody, piliere). Ružový akcent na bielych kartách je predvolený vzor na elevale.com.
  • Produkt a makety Bočný panel, karty a riadky so stavom v simuláciách funkcií používajú ikony s veľkosťou 20 – 24 pixelov s popismi alebo priľahlým textom. Ikony stavu môžu byť zelené pre úspech, nikdy nie dúhové.
  • Dekoratívne použitie Vyhnite sa tapetám s ikonami. Ak je ikona čisto ornamentálna a v texte sa na ňu neodkazuje, odstráňte ju.

Knižnica ikon

Každý názov Lucide zaregistrovaný na marketingovej stránke. Vyhľadajte a potom skopírujte názov pre odovzdanie dizajnu alebo si vezmite hotové úryvky pre bloky Astro a Webflow.

67 ikony v registri

Farba náhľadu (všetky ikony)
activity
arrow-right
audit
award
badge-check
bar-chart-3
book-open
bot
brief
briefcase
building-2
calendar
calendar-check
check
check-circle
check-square
circle-check
clock
compass
credit-card
dashboard
eye
file-check
file-text
globe
graduation-cap
handshake
headphones
heart
heart-handshake
history
key-round
kpi
layers
layout-dashboard
layout-grid
link
link-2
list-todo
lock
map
map-pin
message-square
network
palette
percent
privacy
progress
roles
route
scroll-text
settings
share-2
shield
shield-check
sliders-horizontal
sparkles
target
tasks
team
trending-down
trending-up
user-plus
users
wallet
x
zap

Konzistentné

Obrysový lucid, jedna farba, veľkosť zodpovedajúca mierke, označenie pri navigácii.

Vyhnite sa

Zmiešané rodiny, vyplnené glyfy, dúhové farby alebo ikony bez podporného popisu v primárnej navigačnej lište.

Robiť

  • Pre každý povrch ponechajte jeden štýl obrysu (iba ikony čiar Lucide).
  • Spárujte ikony s textom na navigácii, hlavných tlačidlách a kartách funkcií.
  • Používajte značkovú ružovú, fialovú, bielu s prechodom alebo neutrálnu sivú, nie ľubovoľné odtiene.
  • Použite 16, 20 alebo 24px (28px iba pre veľký marketingový dôraz).
  • Pred použitím zaregistrujte nové ikony Astro v registri Lucide; bloky Webflow na domovskej stránke používajú zodpovedajúce názvy data-lucide.

Nerob

  • Nekombinujte vyplnené sady ikon, plné odznaky ani emoji s obrysmi Lucide.
  • Nepriraďte ikonám v tom istom riadku alebo mriežke kariet inú farbu.
  • Nepoužívajte ikony samostatne v primárnej navigácii ani v dôležitých výzvach na akciu bez označenia.
  • Neopakujte tú istú ikonu trikrát v jednom výreze kvôli dekorácii.
  • Neprekresľujte cesty Lucide, nepridávajte tiene ani neskosujte ikony, aby ste napodobnili 3D.

Pravidlá používania

  • Ikony na svetlom používateľskom rozhraní ponechajte monochromatické; na prechodoch značiek a tmavom pozadí aplikácií použite bielu farbu.
  • Spárujte ikony s popismi pre primárnu navigáciu a hlavné výzvy na akciu.
  • Nemiešajte vyplnené a obrysové sady na tom istom povrchu.
  • Zarovnajte veľkosť ikony s textom: 16px s popismi, 20–24px s telom a nadpismi.
  • Na dekoratívnych ikonách použite aria-hidden="true"; priľahlý text nesie význam.
  • Karty s marketingovými problémami a výhodami: jedna ikona v hlavičke, ružová na bielom pozadí, pozri rozostupy v Marketingová grafika.
  • Vzory používateľského rozhrania produktu pre tlačidlá a karty sa nachádzajú v vzoroch používateľského rozhrania; ikony majú rovnaké polomery a hustotu.
  • Pred kampaňami s ikonami alebo vlastnými piktogramami mimo spoločnosti Lucide si vyžiadajte kontrolu značky.
Pohyb

Pohyb

Elevale využíva pohyb na marketingovej stránke a v produkte: ambientný pohyb hrdinu, odhalenia posúvaním, stavy vznášania sa nad myšou, rozložené karty a GIFy, ktoré dodávajú teplo a humor. Pohyb by mal usmerňovať pozornosť a posilňovať jasnosť, nikdy by nemal konkurovať posolstvu.

Princípy

Cieľavedomý

Každá animácia odpovedá na otázku: čo sa zmenilo, na čom záleží ďalej alebo čo uspelo. Ak pohyb niekomu nepomôže prehľadať, pochopiť alebo oslavovať, odstráňte ho.

Zdržanlivý

Jeden pohyb zameraný na jednotlivé výrezy. Vyhnite sa chaosu v slučke, paralaxe samotnej alebo poskakovaniu viacerých prvkov naraz. Marketingová grafika už využíva hĺbku; pohyb by nemal preťažovať zásobník.

Konzistentné načasovanie

Pre vstupy použite pomalé zatváranie a pre prepínanie pomalé zatváranie. Väčšina prechodov v používateľskom rozhraní trvá 200 ms až 400 ms; atmosféra hrdinu môže trvať dlhšie, ale zostáva jemná.

Rešpektujte znížený pohyb

Dekoratívne slučky sa obalia a posunú v prefers-reduced-motion: no-preference. Zmeny základného stavu (otvorené ponuky, zaostrenie) sa môžu stále jemne animovať alebo okamžite zacvaknúť, keď používatelia požiadajú o zníženie pohybu.

Kde sa prejavuje pohyb

Tieto vzory sa vyskytujú na celom webe elevale.com a na stránkach s funkciami. Zladte ich pri rozširovaní webu alebo partnerských materiálov.

  • Hrdina a prítomnosť Jemný posun orbitálnej gule na pozadí, gradientná žiara a dôraz na titulok na domovskej stránke a kľúčových pristávacích moduloch. Pomalé slučky s nízkou amplitúdou, ktoré pôsobia živo bez odvádzania pozornosti od výzvy na akciu.
  • Navigácia a prostredie aplikácie Pozadie navigácie, farba odkazov a prechody medzi mobilnými zásuvkami (~200 – 300 ms). Rozbaľovacie ponuky sa zobrazujú postupne a posúvajú; tlačidlá sa pri podržaní kurzora myši mierne zdvihnú s krátkou transformáciou.
  • Karty a kôpky Postupné zoslabovanie a prelínanie na marketingových kartách a mriežkach prvkov. Krátke oneskorenia medzi súrodencami (približne 40 – 80 ms), takže obsah sa číta zhora nadol, nie naraz.
  • Posúvaj a odhaľuj Sekcie sa zobrazujú pri vstupe do výrezu: nepriehľadnosť a posunutie, nie horizontálne slajdy. Zviazajte zobrazenia s poradím čítania; nespúšťajte ich znova pri každom malom posunutí.
  • Produkt a makety Simuly používateľského rozhrania na stránke s funkciami využívajú jemnú zmenu stavu, prepínanie kariet a hravé reakcie GIF v chate alebo vláknach úloh. Keď je Otto v hlasovom režime, <a href="#motion-voice-orb">hlasová guľa umelej inteligencie</a> signalizuje počúvanie a premýšľanie. Účel a animácie nájdete v tejto časti.

Referenčný čas

Mikro 150 – 200 ms Podržanie kurzora myši, zaostrovacie krúžky, posunutie ikon
Štandard 200 – 400 ms Tlačidlá, panely, navigácia, karta s umiestnením kurzora myši
Dôraz 400 – 600 ms Modálne okná, veľké odhalenia (používajte striedmo)
Ambientné Nepretržitý Žiarenie a dych hlasovej gule s umelou inteligenciou (zvukom riadené v aplikácii)

Hlasová guľa s umelou inteligenciou

Mäkká, žiariaca guľa v aplikácii Elevale pri hlasovej komunikácii s Ottom. Zobrazuje, že relácia je aktívna a reaguje na zvuk, zatiaľ čo prepis textu a Ottova odpoveď nesú skutočnú správu.

Prehľad

V produkte sa guľa vykresľuje naživo na obrazovke (nie ako videosúbor ani statický obrázok). Je to hlavný vizuál pre hlasový režim: pokojný, keď je nečinný, aktívnejší, keď niekto hovorí, a teplejší, keď hovorí Otto. Nie je to logo, graf ani spektrálny analyzátor s pruhmi.

Kde sa objavuje

Rovnaký komponent orb sa používa v dvoch rozloženiach, ktoré sú riadené rovnakou hlasovou reláciou:

  • Hlas na celú obrazovku

    Veľká guľa (približne 320px) v strede hlasovej obrazovky. Klepnutím na guľu môžete Otta prerušiť počas rozprávania.

  • Plávajúci widget

    Malá guľa (približne 92px) v minimalizovanom hlasovom čipe. Klepnutím sa vrátite do zobrazenia chatu; ovládacie prvky stlmenia a ukončenia sa nachádzajú nad guľou.

Na čo reaguje

Pohyb sleduje skutočný zvuk z relácie, nie náhodnú animáciu:

  • Tvoj hlas Guľa sa rozsvieti a pohybuje spolu s mikrofónom, kým hovoríte (pokiaľ nie je stlmený).
  • Otto hovorí Keď Otto prehrá hlasovú odpoveď, guľa reaguje aj na tento zvuk jemným dodatočným impulzom, takže je jasné, že hovorí asistent.
  • Tiché chvíle Počas aktívnej relácie guľa stále jemne dýcha, takže používateľské rozhranie pôsobí živým dojmom, dokonca aj v tichu. Nezmizne medzi slovami.
  • Stlmený mikrofón Vstup z mikrofónu sa ignoruje. Paleta sa prepne na chladnejšie bridlicové tóny, vlnky a častice sa zastavia a na guli sa zobrazí stlmená ikona.
  • Relácia skončila Hlasový režim sa zatvorí alebo sa vráti do režimu chatu. Guľa prestane reagovať a nemala by pulzovať, akoby hovor stále prebiehal.

Všeobecná štruktúra

Predstavte si guľu ako vrstvenú mäkkú svetlo, nie ako tvrdú 3D guľu alebo zobrazenie tvaru vlny:

  • Vonkajšia žiara Široká pastelová svätožiara okolo gule. Pri aktivite je svieti ružová a levanduľová; pri vypnutom mikrofóne je tlmená bridlicová farba.
  • Zvlnené krúžky Niekoľko mäkkých krúžkov, ktoré sa rozširujú smerom von. Naznačujú energiu, nie jednotlivé frekvencie.
  • Hlavná sféra Difúzny stred bez ostrej dúhovky alebo zrenice. Veľkosť mierne dýcha basmi a celkovou energiou.
  • Vnútorné oblaky Jemné farebné laloky, ktoré sa vznášajú vo vnútri gule, keď stredné a nízke tóny stúpajú a klesajú.
  • Častice Okolo stredu obieha veľa drobných čiastočiek, rýchlejšie, keď je konverzácia energická. Sú to dekorácie, nie dátové body.

Stránky s odporúčaniami na elevale.com používajú zjednodušenú CSS verziu tohto vzhľadu pre statické simulácie. Guľa živej aplikácie je bohatšia a prepojená so skutočným mikrofónom a prehrávaným zvukom.

Vzorka referenčnej značky

Farba

Pastelovo ružová a levanduľová žiara sa mieša od základných farieb značky smerom k bielej. Žiadne dúhové prechody, ploché výplne ani ostré hrany. Tlmený stav používa iba bridlicové neutrálne odtiene.

UX a prístupnosť

  • Vždy spárovať s textom Prepis živého vysielania, popisky relácií a Ottova písomná odpoveď sú umiestnené vedľa gule. Nikdy sa nespoliehajte len na animáciu.
  • Čítačky obrazovky Kresba je skrytá pred asistenčnými technológiami. Rodičovské obrazovky oznamujú stav (napríklad asistent hovorí, mikrofón je stlmený).
  • Znížený pohyb Keď používatelia uprednostňujú menej pohybu, pohyb sa spomalí a vyhladí. Guľa môže zostať ako pokojná statická žiara, a nie tancovať.

Pravidlá

  • Používajte iba v hlasovom chate Otto (celá obrazovka alebo plávajúca). Nie pre marketingové hrdiny, generické načítavacie nástroje ani chybové hlásenia.
  • Nepremieňajte guľu na stĺpcový graf, uzamykateľné logo ani nálepku maskota. Vo vnútri gule nesmú byť žiadne čísla ani štítky.
  • Udržujte konzistentné veľkosti pre zobrazenie na celú obrazovku a pre zobrazenie s plávajúcim povrchom (približne 320px a 92px). Nevymýšľajte nové veľkosti gulí bez kontroly dizajnu produktu.
  • Stlmený stav musí byť zrejmý: chladnejšia farba, žiadne častice, indikátor vypnutého mikrofónu s textom, ktorý hovorí, že mikrofón je stlmený.
  • Marketingové napodobeniny môžu zjednodušiť orb; nesľubujte v reklamách ďalšie efekty, ktoré aplikácia neponúka.

Postava a tón pre Otta naživo Otto.

Vzorka pohybu používateľského rozhrania

Podržaním kurzora myši nad kartou a tlačidlom zobrazíte typické zrýchlenie a trvanie.

Použitie GIFov

GIFy sú spôsob, akým sa Elevale cíti ako skutoční ľudia, nie ako firemná brožúra: oslavy v produkte, reakcie v chate a občasné hlúpe zacyklenie v marketingu. Použite ich, keď si daný okamih zaslúži teplo alebo úsmev, stále milé a v súlade so značkou, ale nikdy nie strnulé kvôli tomu, aby ste vyzerali „vážne“.

Dobré momenty pre GIFy

  • Oslava víťazstiev: OKR postup, splnenie úloh, míľniky tímu alebo hrdinovia, ktorí si potrebujú ľudské potlesknutie.
  • Reakcie v rámci používateľského rozhrania produktu: chat, komentáre alebo vlákna poradcov, kde krátka slučka dodáva humor alebo povzbudenie.
  • Marketingové sekcie, ktoré ukazujú skutočné výsledky (jasnosť, dynamiku, úľavu) s osobnosťou v príbehu, nie ďalším všeobecným úsmevom.

Schválené oslavné a reakčné GIFy sú súčasťou obsahu stránky a brand kitu. O doplnenia požiadajte prostredníctvom brand tímu. Sme otvorení hravým slučkám, ktoré stále pôsobia nezameniteľne Elevale.

Značkové

Schválený GIF z knižnice, hravý alebo oslavný tón, podporuje posolstvo, primeraná veľkosť súboru.

Nie je povolené

Kontroverzná, politická, urážlivá alebo nesúvisiaca kultúra mémov. Žiadne šokujúce scény, krviprelievanie ani návnady.

Robiť

  • Vyberte si GIFy, ktoré pôsobia optimisticky, trochu žartovne a ľudsky, ako oslavujúci kolegovia, nie ako prezentácia v zasadacej miestnosti. Vtipnosť je vítaná, keď sa na to hodí; vyhnite sa nevýraznej, strnulej alebo usilovnej energii „firemného profesionála“.
  • Umiestňujte GIFy tam, kde sa ľudia už nachádzajú v dobrej chvíli (oslava, povzbudenie, dokončenie), nie ako náhodnú výplň.
  • Používajte súbory zo súpravy značky alebo schválenej knižnice webových stránok. Nepridávajte odkazy na neznáme adresy URL.
  • Dekoratívne GIFy považujte za obrázky: vyprázdnite pole alt, ak sú čisto dekoratívne; opíšte okamih, keď nesú význam.
  • Uprednostňujte optimalizované slučky, lenivé načítavanie pod záhybom a vyhýbajte sa viacerým veľkým GIFom v jednom zobrazovacom poli.

Nerob

  • Žiadny kontroverzný, rozdeľujúci ani virálny obsah, a to ani v prípade trendov.
  • Žiadne urážky, stereotypy, násilie, krviprelievanie, sexuálny obsah ani ponižovanie na úkor kohokoľvek.
  • Žiadne politické kampane, protestné snímky ani stranícke posolstvá.
  • Žiadne blikanie, stroboskopické prepínanie ani rýchle slučky, ktoré by mohli zhoršiť čitateľnosť alebo znížiť citlivosť spúšťania.
  • Žiadne nové GIFy v platených kampaniach, partnerských materiáloch ani e-mailoch bez schválenia značky.
Partneri

Ako affiliate partner alebo odporúčací partner predstavujete Elevale svojmu publiku pomocou nášho oficiálneho názvu a vzhľadu. Udržujte Elevale rozpoznateľný ako Elevale (nie ako vašu vlastnú ponuku s bielym označením). Používajte schválené materiály z tohto centra a pred platenými alebo vysoko viditeľnými kampaňami si zabezpečte písomné schválenie značky.

Neobchodovateľné

Na rozdiel od predajcov, affiliate partneri nepoužívajú white-label. Ak potrebujete predávať pod vlastnou značkou, prečítajte si časť Predajcovia. Ak zdieľate Elevale iba so svojou sieťou, platí táto časť.

Musíš

  • Používajte iba súbory s logom, farbami a šablónami zo súpravy brands kit alebo knižnice log. Nevytvárajte ochrannú známku znovu.
  • Na každom prvku použite schválené úplné uzamknutie. Zlaďte pozadie: plná farba na svetlých plochách, uzamknutie na tmavých plochách alebo obrátené na rušných povrchoch. Pozrite si časti Použitie loga a voľný priestor.
  • Držte sa v rámci Správ, Tónu hlasu a Hodnot značky. Žiadne humbuk, záruky ani tvrdenia o funkciách, ktoré sme nezverejnili.
  • Posielajte návštevnosť cez priradený referenčný odkaz Elevale, aby sa registrácie správne pripisovali. Nepoužívajte odstránené alebo presmerované adresy URL, ktoré obchádzajú sledovanie.
  • V prípade potreby jasne zverejnite svoj partnerský alebo odporúčací vzťah (napríklad v platených sociálnych sieťach, pätách e-mailov a blogových príspevkoch).
  • Pred zverejnením odošlite platené reklamy, vstupné stránky, webináre a e-maily so spoločnou značkou na písomné schválenie značkou.

Nesmieš

  • Upravovať, prefarbovať, animovať, otáčať, obrysovať alebo kombinovať logo s efektmi, ktoré nie sú uvedené v týchto pokynoch.
  • Prezentovať Elevale ako svoju vlastnú platformu, odstrániť náš názov alebo naznačovať, že ste produkt vyvinuli alebo vlastníte.
  • Sľubujeme výsledky, ceny, integrácie alebo súlad s predpismi, ktoré sme písomne nepotvrdili.
  • Ponúkať ceny na značkové výrazy Elevale vo vyhľadávacích reklamách bez predchádzajúceho písomného súhlasu.
  • Používajte Otta v reklamách, miniatúrach alebo kreatívach na sociálnych sieťach bez schválenia. Pozrite si Otto.
  • Nenapodobňujte ani skresľujte našu značku spôsobom, ktorý by mohol ľudí zmiasť. Nehovorte, netvorte ani sa neprezentujte, akoby ste boli Elevale, náš tím alebo vlastník platformy. Nenaznačujte, že podporujeme služby mimo odporúčacieho programu.
  • Objednajte si vlastné ilustrácie loga, zlúčte ho so šablónami tretích strán alebo použite obrázky z fotobanky, ktoré napodobňujú naše logo.

Schválené aktíva na použitie

Čerpajte z centra a súpravy značky. V prípade pochybností použite menej prvkov, než aby ste improvizovali.

  • Plnofarebné, na tmavom podklade a s obráteným zatváraním (SVG/PNG). Logo sa používa iba tam, kde je málo miesta a značka je už známa.
  • Ružová, fialová, neutrálne farby a prechody presne tak, ako sú definované v častiach Základné farby a Prechody.
  • Nadpisy a dôkazy z tohto centra alebo marketingovej stránky. Nevymýšľajte si nové slogany.
  • Snímky, orezania na sociálne siete a hlavičky e-mailov zo sady pre značku, ak sú k dispozícii. Rozšírte rozloženie, neprekresľujte logo.

Správne umiestnenie affiliate partnerov

Elevale výrazné uzamknutie, schválené farby, jasná výzva na akciu k vášmu referenčnému odkazu a úprimné zverejnenie.

Schválený príklad
Nie je povolené

Zmena farby loga, vymyslený názov produktu alebo vaša značka nahrádza našu v rámci akcie Elevale.

Účastníci programu odporúčaní zákazníkmi by mali dodržiavať túto časť v prípade akejkoľvek verejnej zmienky o Elevale. Pravidlá programu a provízie nájdete na stránke programu odporúčaní.

Presadzovanie

Elevale môže pozastaviť alebo ukončiť prístup k partnerskému programu, zadržať provízie alebo požadovať odstránenie nevyhovujúcich aktív. Opakované alebo závažné zneužitie môže ukončiť vzťah.

Referenčný program Žiadosť o schválenie značky

Partneri

Schválení predajcovia prevádzkujú Elevale ako svoj vlastný produkt. White-label je integrovaný: vaše logo, primárna farba a doména v každom klientskom pracovnom priestore s minimálnym brandingom Elevale v klientskom prostredí. Vy ste v popredí; my poháňame platformu v zákulisí.

Čo vám white-label dáva

Program predajcov je vytvorený pre váš vzťah s klientmi a váš vstup na trh, nie pre propagáciu Elevale ako vedúcej značky.

  • Prezentujte platformu pod svojou identitou v každom prihlásení klienta, e-maile a pracovnom priestore.
  • Nastavte si vlastné ceny pre plány Foundation, Business a Professional.
  • Marketing a predaj ako vaša metodika: stratégia, OKR, KPI a reporting v jednom značkovom systéme.
  • Vyberte si, ktoré moduly klienti dostanú a či budú spolupracovať s vaším tímom alebo so vstavaným poradcom s umelou inteligenciou.

Môžeš

  • Použite svoje logo, primárnu farbu značky a vlastnú doménu (napríklad strategy.yourbrand.com) vo všetkých pracovných priestoroch klientov.
  • Stanovte si ceny orientované na klienta a udržujte si maržu na miestach a dobíjaní peňaženiek s umelou inteligenciou v rámci partnerskej zmluvy.
  • Na svojej webovej stránke, v ponukách a predajných materiáloch zameraných na potenciálnych a potenciálnych klientov opíšte ponuku ako svoj produkt a službu.
  • Spúšťajte samostatné pracovné priestory pre každého klienta s izolovanými údajmi, povoleniami a fakturáciou pod vašou značkou.
  • Zapnite alebo vypnite moduly platformy pre vašu ponuku (OKR, dashboardy, wiki, mapu procesov, AI a ďalšie) z partnerského dashboardu.
  • Priraďte ľudského poradcu z vášho tímu alebo povoľte strategického poradcu s umelou inteligenciou pre každý pracovný priestor, stále v rámci vášho značkového rozhrania.

Nemôžeš

  • Tvrdiť funkcie, zabezpečenie, súlad s predpismi alebo výsledky, ktoré produkt nepodporuje, alebo naznačovať, že Elevale schvaľuje vyhlásenia, ktoré sme neschválili.
  • Upravte aplikáciu nad rámec podporovaných nastavení white-label (žiadne vlastné forky, reverzné inžinierstvo ani odstránenie požadovaných právnych upozornení v partnerskej konzole).
  • Používajte Ottove grafické prvky v kampaniach pre externých klientov bez schválenia značky. Umelá inteligencia v produkte sa konfiguruje prostredníctvom platformy; marketingové portréty sa riadia pravidlami Otto.
  • Zneužívať vlastné logo alebo farby spôsobmi, ktoré porušujú vašu dohodu (nečitateľný kontrast, skreslené označenia alebo vydávanie sa za inú organizáciu).
  • Sublicencovať alebo poskytovať white-label inému predajcovi bez písomnej dohody s Elevale.

V produkte verzus spôsob, akým predávate

Klienti vidia vašu značku iba v rámci pracovného priestoru. V marketingu a predaji prezentujte platformu ako svoj produkt a metodiku, pod svojím menom a vzhľadom.

Pracovný priestor klienta (iba vaša značka)
Váš marketing (vaša značka, vaša ponuka)

Predajcovia s bielym označením nepredávajú ako affiliate partneri Elevale. Spoločné brandingy s naším lockupom sú určené len pre zriedkavé prípady, keď sa obe mená musia objaviť na jednom prvku. Ak sa to vzťahuje na daný produkt, pozrite si časť Spolubranding; inak vyhnite Elevale kreatívam zameraným na klienta a ich uvedenie na trh.

Kedy sa ubytovať

Na každodennú konfiguráciu white-label v partnerskej konzole nepotrebujete schválenie. Pred externými kampaňami, ktoré spomínajú Elevale menom, používajú Otto alebo stierajú hranicu medzi vašou a našou značkou, kontaktujte Elevale.

Program pre predajcov Kontakt pre otázky týkajúce sa značky

Partneri

Spoločné brandingy

Keď sa na tom istom prvku (webová stránka, slajd, banner udalosti) objaví Elevale aj značka partnera, použite pravidlá spoločného brandingu. Partneri propagujúci iba Elevale by mali dodržiavať pravidlá Partneri. White-label pre predajcov je samostatný: Predajcovia.

  • Minimálna výška loga partnera: 24px; zachovať rovnakú vizuálnu váhu v prípade, že sú uzamykateľné prvky vedľa seba.
  • Medzi značkami použite zvislý oddeľovač alebo rozostup 24px, nikdy sa neprekrývajte.
  • Nemeňte farby Elevale ani nepridávajte efekty k žiadnej zo značiek.
Stiahnutia

Súprava značky

Stiahnite si logá, farebné referencie a šablóny z nášho zdieľaného priečinka so značkami.

Stiahnite si súpravu na tvorbu značiek

Čo je zahrnuté

  • Súbory s logom (SVG, PNG): uzamknutia a varianty iba s logom
  • Fonty s farebnými referenciami a typografiou (Coolvetica Condensed a Satoshi na Disku Google)
  • Šablóny pre prezentácie a sociálne siete
Referencia

Glosár

Stručné definície pojmov používaných v týchto usmerneniach.

Uzamknutie
Kompletný súbor s logom: logo a slovné označenie spolu. Toto je predvolené logo Elevale. Slogan nie je súčasťou uzamykania.
Slovná ochranná známka
Logotyp „Elevale“ v aplikácii Coolvetica Condensed je zobrazený vedľa značky loga. Samostatne sa nepoužíva v externých materiáloch; spárujte ho so značkou loga v uzamknutom okne.
Značka loga
Prepletené ružové a fialové štvorce vedľa slovnej ochrannej známky. V starších súboroch sa nazýva aj symbol. Používajte samostatne iba v stiesnených priestoroch, keď je značka rozpoznateľná.
Známka
Podporný riadok pod logom na marketingových stránkach, napríklad „Stratégia, ktorá nikdy nezomrie“. Nastavte ho v tele alebo type zobrazenia podľa toho, ako určuje dizajn stránky. Nie je súčasťou uzamykateľnej grafiky.
Voľný priestor
Minimálny prázdny okraj okolo loga, kde nesmie zasahovať žiadny text, grafika ani okraje. Vďaka nemu je ochranná známka čitateľná a prehľadná.
x
Jednotka použitá na meranie voľného priestoru: výška ružového rohového modulu na značke loga pri štandardnej veľkosti uzamykania (20px). Každá strana uzamykania potrebuje aspoň 1× voľný priestor.
Plnofarebné uzamknutie
Predvolené logo na svetlom pozadí: plnofarebné logo s tmavým slovom. Nepoužívajte ho na gradientoch značiek alebo na rušných fotografiách bez prekrytia.
Zamknutie v tme
Pre jednofarebné tmavé pozadia: plnofarebné logo s bielym slovom. Logo zostane ružové a fialové; iba slovné pozadie sa zmení na biele.
Obrátené uzamknutie
Celobiele prekrytie (logo a slovné prekrytie) pre prechody značky a tmavé používateľské rozhranie aplikácie. Použite ho namiesto celofarebného prekrytia všade tam, kde by prechod alebo pozadie znížilo kontrast.
Prechod značky
Charakteristický ružovo-fialový lineárny prechod používaný na hrdinoch, výzvach na akciu a prémiových náramkoch. Na tento prechod neumiestňujte plnofarebný lockup. Ak je potrebné logo, použite obrátený lockup.
Variant loga
Schválený súbor loga pre konkrétne pozadie alebo prípad použitia (napríklad plnofarebné, na tmavom pozadí, obrátené alebo iba logo).
Partnerský program
Partner, ktorý predstavuje Elevale pomocou našich oficiálnych prvkov značky a sledovania odporúčaní. Partneri udržiavajú Elevale viditeľný ako Elevale a sledujú sekciu Partneri (nie white-label).
White-label
Konfigurácia pre predajcov, ktorá nahrádza branding Elevale v klientskom produkte logom, primárnou farbou a doménou partnera. Klienti vnímajú platformu ako ponuku partnera.
Spoločné brandingy
Umiestnenie loga Elevale vedľa partnerskej značky na rovnakom marketingovom prvku. Používa sa pre agentúry a podujatia, nie pre každodenné pracovné priestory klientov predajcov.
Súprava značky
Zdieľaný priečinok na stiahnutie s logami, farebnými referenciami, šablónami a súvisiacimi materiálmi, ktorý je k dispozícii v sekcii Na stiahnutie alebo na Disku Google.
Typ zobrazenia
Coolvetica, používa sa na titulky a marketingové dôrazy. Vyhradzujte si ju pre krátke, pôsobivé riadky, nie pre dlhé odseky.
Typ tela
Satoshi, používa sa pre text používateľského rozhrania, odseky a tabuľky. Obsahuje väčšinu informácií o produktoch a dlhých textoch na stránke.
Farebný žetón
Pomenovaná farba značky s hodnotami premenných HEX, RGB a CSS (napríklad ružová, fialová, tmavá). Tokeny udržiavajú dizajn a kód v súlade.
Otto
Vydra v Elevale a strategický poradca pre umelú inteligenciu. Predstavuje riešenia: jasnosť, energiu a radosť so zmyslom, nie problémy, a nikdy nie ako maskot alebo rekvizita.
Hodnoty značky
Nevyjednávateľné princípy Elevale: zosúladenie, jasnosť, dôkazy a prevedenie na úrovni lídra, ktoré ovplyvňujú produkt a komunikáciu.
Správy
Čo hovoríme trhu: pozicionovanie, publikum, sľub a dôkaz, konzistentne vyjadrené v titulkoch, výzvach na akciu a predajných príbehoch.
Tón hlasu
Ako to hovoríme my: jasné, rozhodné a ľudské pravidlá písania pre web, používateľské rozhranie produktu a predaj, nie to isté ako posielanie správ, ale postavené na rovnakých hodnotách.
Referencia

Často kladené otázky

Rýchle odpovede o používaní značky Elevale v marketingových, produktových a partnerských materiáloch.

Ktorý variant loga mám použiť?

Na bielej alebo takmer bielej farbe použite záves farieb. Na jednoliatych tmavých pozadiach použite záves na tmavom (farebné logo, biele slovo). Pre tmavé používateľské rozhranie aplikácie alebo oblasti s nízkym kontrastom použite obrátený záves (celá biela). Pozrite si časti Varianty a Použitie.

Môžem použiť iba ochrannú známku loga?

Iba keď je priestor veľmi obmedzený a značka je už rozpoznateľná: favicony, ikony kompaktných aplikácií alebo zavedená navigácia v produkte. Pre snímky, reklamy a dokumenty použite úplné uzamknutie. Pozrite si Varianty.

Môžem logo prefarbiť, zvýrazniť alebo zdeformovať?

Nie. Nemeňte farby, nepridávajte efekty, neotáčajte ani nerozťahujte uzamykanie. Namiesto úpravy grafického návrhu použite schválený súbor zo sady brands kit alebo knižnice log.

Koľko voľného priestoru potrebujem?

Na každej strane ponechajte aspoň jeden x voľný priestor, kde x je výška ružového rohového modulu na značke loga (20 px pri štandardnej veľkosti uzamknutia). Pozrite si Anatómia a glosár.

Môžem umiestniť logo na fotografiu?

Áno, ak je kontrast dostatočne silný. Pridajte za logo jednoliate svetlé alebo tmavé prekrytie alebo použite obrátené zarovnanie na tmavej oblasti. Vyhnite sa výrazným pozadiam bez dostatočného oddelenia. Pozrite si časť Použitie.

Kde si môžem stiahnuť oficiálne súbory s logom?

Na otvorenie sady brandingu pre Disk Google (logá SVG a PNG, farebné referencie a šablóny) použite Stiahnutia. Najnovšie verzie nájdete v sekcii Prejsť na knižnicu log Varianty.

Kedy môžem zobraziť Elevale vedľa loga partnera?

Spoločný branding používajte, keď sa obe značky zobrazujú na rovnakom marketingovom prvku (stránka, reklamná tabuľa, udalosť). Zachovajte rovnakú vizuálnu váhu, rozstup aspoň 24 pixelov alebo oddeľovač a nikdy nemeňte žiadnu zo značiek. Pozrite si časť Spoločný branding. Predajcovia, ktorí dodávajú klientsky produkt s označením white-label, by sa mali riadiť časťou Resellers.

Čo môžu predajcovia robiť so značkou Elevale?

Predajcovia môžu označiť používateľskú skúsenosť (vaše logo, farbu, doménu) ako svoju vlastnú ponuku a platformu propagovať ako svoju vlastnú ponuku. Nezobrazujte koncovým klientom branding Elevale. Úplné pokyny nájdete v sekcii Predajcovia alebo na stránke programu pre predajcov.

Aké pravidlá platia pre affiliate partnerov a odporúčacích partnerov?

Musíte používať oficiálne materiály Elevale, schválené blokovania, správy značky a váš sledovací odkaz. Nesmiete meniť logo, používať white label ani spúšťať platené kampane bez súhlasu. Pozrite si pravidlá firmy v sekcii Partneri a podmienky programu na stránke Odporučte priateľa.

Ktoré fonty by som mal použiť?

Coolvetica Condensed pre titulky a Satoshi pre text a používateľské rozhranie (hmotnosti 400, 500, 700). Nenahrádzajte podobné písma. Stiahnite si Coolvetica a Satoshi z Disku Google alebo si pozrite Display a Body.

Koho mám kontaktovať ohľadom schválenia značky?

V prípade kampaní, tovaru alebo použití, ktoré tu nie sú uvedené, kontaktujte Elevale prostredníctvom kontaktnej stránky pred publikovaním. Priložte makety a zamýšľané kanály, aby sme mohli potvrdiť správny variant loga a spôsob spoločného brandingu.

Kedy môžem využiť Otta v marketingu?

Keď predstavuje riešenie: jasnosť, energiu, radosť a účelné vedenie, nie problém, maskota alebo rekvizitu. Prečítajte si Otto o kontextoch a pravidlách schvaľovania a potom kontaktujte tím značky pred externou publikáciou.