Wyrównanie ponad aktywnością
Zapracowane zespoły to nie to samo, co zespoły pracujące w zgranym zespole.
Rozmawiamy o wspólnym kierunku, powiązanych OKRs i postępie, który zarząd może zobaczyć, a nie o byciu zajętym samym w sobie.
Wartości marki
Zasady te kształtują decyzje produktowe, marketing i sposób, w jaki prezentujemy się zespołom kierowniczym. Nie podlegają negocjacjom w komunikacji zewnętrznej.
Przejrzystość ponad hałasem
Liderzy powinni widzieć, co jest ważne, bez konieczności przedzierania się przez kolejne labirynty pulpitów nawigacyjnych.
Ograniczamy fragmentację: jedno centrum dowodzenia dla kierunku, wskaźników i realizacji. Język pozostaje prosty i konkretny.
Dowody ponad opinią
Decyzje powinny opierać się na bieżących danych, a nie na nieaktualnych eksportach.
Kładziemy nacisk na KPI, rejestry zmian i ugruntowaną wiedzę z zakresu sztucznej inteligencji, które są dowodem na to, że kierownictwo potrafi działać, a nie na szum i domysły.
Stworzony do przywództwa
Realizacja na poziomie korporacyjnym bez typowej dla przedsiębiorstw złożoności.
Szanujemy dyrektorów i operatorów: rygorystyczną pracę zarządu, użyteczność na pierwszej linii oraz zarządzanie wolne od biurokracji.
Wiadomości
To, co mówimy, do kogo to mówimy i jak to udowadniamy, jest spójne w materiałach internetowych, produktowych, sprzedażowych i partnerskich.
Elevale to strategiczna platforma realizacyjna, która zmienia kierunek w OKR, w życie KPI i spójność zespołową dla dyrektorów biznesowych, którzy chcą przejrzystości i kierunku, a nie chaosu.
Kategoria
Platforma do realizacji strategii, a nie uniwersalne narzędzie projektowe ani kolejny panel BI. Zadania, zadania OKR i bieżące zadania KPI są dostępne w jednym systemie, dzięki czemu kierunek, codzienne zadania i dowody pozostają połączone, a nie rozproszone w oddzielnych aplikacjach.
Publiczność
Dyrektorzy firm, założyciele i zespoły kierownicze zarządzające wieloma lokalizacjami lub rozwijającymi się operacjami. Wyznaczają strategię, przeprowadzają analizy i potrzebują, aby firma rozwijała się jako całość, a nie jako kolejne oprogramowanie dla samego oprogramowania.
Obietnica
Przekształć strategię w realizację, którą widzi i którą może pokierować Twój zespół kierowniczy: żywy kierunek, mierzalne cele, aktualne wskaźniki i sztuczna inteligencja, która analizuje Twój biznes, a nie otwartą sieć.
Dowód
Ugruntowane roszczenia w rzeczywistości produktu: OKR powiązane z zadaniami, aktywne KPI, dzienniki zmian biznesowych, Otto oparte na danych z obszaru roboczego oraz wyniki rozpoznawane przez dyrektorów (zgodność, mniej martwych punktów, szybsze przeglądy).
Przepływ wiadomości
W przypadku bohaterów i sekcji lądowania opowiedz historię w trzech krokach: rozpocznij od haka opisującego napięcie, pokaż, jak Elevale je rozwiązuje, a następnie zaproponuj kolejny krok. To porządek narracji, a nie specyfikacja typografii. Style nagłówków, treści i przycisków są obecne we typografii i wzorcach interfejsu użytkownika.
-
Uzgodniliście plan. Zapytajcie, co dzisiaj będzie na planie, a w pokoju zapadnie cisza.
-
Jedno centrum dowodzenia łączy kierunki, OKRs, bieżące KPIs i codzienne zadania, dzięki czemu Twój zespół kierowniczy może śledzić postępy i kierować działaniami bez konieczności przedzierania się przez kolejny labirynt pulpitów nawigacyjnych.
-
Rozpocznij 14-dniowy bezpłatny okres próbny
Język komunikatów
- Zastosowanie: centrum dowodzenia, realizacja strategiczna, kierunek, wyrównanie, żywe KPIs, dowody, zespół kierowniczy
- Unikaj: kompleksowego cudu, zakłóceń, rewolucyjnej sztucznej inteligencji, najlepszych w swojej klasie, synergii
Ton głosu
Jak brzmimy, gdy wartości i przekaz spotykają się na papierze: pewnie, bezpośrednio i praktycznie. Napisane dla reżyserów, którzy potrzebują jasności, a nie żargonu.
Jasne
Wyjaśnij, co robi Elevale i dlaczego to ważne, prostym językiem. Krótkie zdania. Konkretne rzeczowniki. Bez przymiotników-wypełniaczy.
Decydujący
Preferuj aktywny głos i wyniki, które liderzy mogą sobie wyobrazić: przeglądy odzwierciedlające rzeczywistość, cele, do których zespoły mogą się dostosować, wskaźniki, które aktualizują się na bieżąco.
Człowiek
Dostrzeż prawdziwe problemy: rozproszone narzędzia, strategię na slajdach, której nikt nie śledzi, recenzje oparte na wynikach z zeszłego miesiąca. Następnie pokaż wiarygodną drogę naprzód.
Próbka zgodna z marką
Zamień strategię w realizację, którą Twoja rada nadzorcza może zobaczyć
Elevale łączy Twoje kierunki, OKR i bieżące KPI w jednym centrum dowodzenia, dzięki czemu kadra zarządzająca poświęca mniej czasu na uzgadnianie arkuszy kalkulacyjnych, a więcej na kierowanie firmą.
Wybór słów
- Zastosowanie: jasność, wykonanie, kierunek, spójność, dowody, ugruntowanie, przywództwo
- Unikaj: synergii, zakłócania, rewolucyjnego, najlepszego w swojej klasie, wykorzystania (jako czasownika), wykorzystania
Przez kanał
- Witryna marketingowa: z nagłówkami, zorientowana na dowody, z minimalną ilością wykrzykników.
- Interfejs użytkownika produktu: zwięzłe etykiety, pomocne puste stany, brak marketingowego zbędnych elementów w przepływach pracy.
- Sprzedaż i prezentacje: ta sama obietnica, co w przypadku witryny: rozbuduj ją o dowody uznania klienta, nigdy nie zaprzeczaj pozycjonowaniu.
Otto
Otto to wydra: strategiczny doradca AI i postać marki Elevale. Nie jest rzecznikiem. Musi zawsze reprezentować rozwiązanie, a nie problem, i wnosić jasność, energię i radość z determinacją.
Co reprezentuje Otto
Jasność, energia i radość, nigdy maskotka, nigdy rekwizyt.
Jest twarzą naszego Doradcy Strategicznego AI: wydrą, która sprawia, że rzetelne porady wydają się przystępne. Jest partnerem myślowym, powiązanym z Twoim kierunkiem strategicznym, OKRs, KPIs, wiki i kontekstem rynkowym. Każde wystąpienie powinno wskazywać drogę naprzód: jaśniejszy brief, rozwiązany problem blokowania, dynamika od wglądu do działania, a nie bałagan sprzed Elevale.
W produkcie
Otto jest doradcą strategicznym ds. sztucznej inteligencji (AI) w ramach platformy: czat głosowy i tekstowy, odnośniki do bieżących KPI i OKR oraz pomoc w przekształcaniu spostrzeżeń w zaktualizowane kierunki, cele i zadania. Jest doradcą, do którego można się zwrócić w przypadku dużych i małych pytań: funkcjonalnym, merytorycznym i zawsze powiązanym z danymi z obszaru roboczego.
W marce i marketingu
Na stronie internetowej i w komunikacji Otto pojawia się, gdy może zademonstrować rozwiązanie: wprowadzając centrum dowodzenia, pokazując, jak osiągnąć przejrzystość, czy sygnalizując sztuczną inteligencję, która rozumie biznes. Nie maskotka na marginesie strony. Nie rekwizyt obok pustego szumu. Cel przede wszystkim.
W kampaniach
W kampaniach Otto wspiera strategiczną jasność, realizację i sztuczną inteligencję opartą na rzeczywistej pracy, nigdy komiczne rozwiązania, nigdy personifikacje problemu. Pokaż wyłaniający się kierunek, odblokowanie decyzji lub kierownictwu uzyskującemu odpowiedzi bez konieczności korzystania z kolejnego pulpitu. Tylko zatwierdzone grafiki.
Skontaktuj się z zespołem w celu uzyskania zatwierdzenia Jakiekolwiek wykorzystanie Otto, niezależnie od tego, czy w wewnętrznych prezentacjach, reklamach zewnętrznych, materiałach społecznościowych czy materiałach dla partnerów, wymaga zgody marki przed publikacją.
Wytyczne
Ten
- Korzystaj z usług Otto tylko wtedy, gdy reprezentuje on rozwiązanie: jasność, uzasadnione rady, energię lub dynamikę od wglądu do działania.
- Włącz go, gdy opowiadanie historii Elevale potrzebuje jasnego przewodnika po odpowiedzi: wizji, dowodów, sztucznej inteligencji, która zna Twój biznes, a nie odosobnionych żartów.
- Niech wniesie jasność, energię i radość. Dowcipny, bezpośredni i pewny siebie jak głos Elevale, nigdy sarkastyczny, chaotyczny ani dziecinny.
- Użyj zatwierdzonej grafiki Otto z zestawu marki. Nie przerysowuj, nie zmieniaj koloru ani nie rozciągaj postaci.
- Zaangażuj zespół zarządzający marką już na wczesnym etapie kampanii, promocji produktów lub mediów społecznościowych, aby korzystanie z marki było celowe.
Nie to
- Nie traktuj Otto jako źródła problemu: zamieszania, porażki, chaosu czy nieszczęścia „przed Elevale”. On pokazuje rozwiązanie, a nie ból.
- Nie traktuj go jak maskotki. Żadnych clip artów, żadnych uśmiechów przy tekstach, których nie popiera, żadnych tapet firmowych.
- Nie używaj go jako rekwizytu. Nie trzymaj pustych znaków, nie wskazuj na niepowiązane oferty ani nie wypełniaj przestrzeni, ponieważ układ wydaje się pusty.
- Nie używaj go jako wypełniacza, tapety ani dekoracji w stylu emoji, która nie przekazuje żadnego przekazu.
- Nie umieszczaj go w dokumentach technicznych, na stronach prawnych ani w kontekstach, które stoją w sprzeczności z pozycjonowaniem na poziomie kierowniczym.
- Nie twórz nowych póz, kostiumów ani przekazów bez uprzedniego uzyskania zgody, nawet w przypadku slajdów wewnętrznych.
- Nie wolno zmieniać jego wyglądu, proporcji ani łączyć z niezatwierdzonymi logotypami lub znakami partnerskimi.
Anatomia
Przejdź do biblioteki logoLockup to domyślne logo Elevale: logo i logo w jednym pliku. Slogan stanowi oddzielny tekst marketingowy. Często go używamy na stronie, ale nie jest on częścią grafiki logotypu.
Części logo
Używaj tych nazw konsekwentnie w briefach, prezentacjach i zestawieniach marki. Mówiąc o logo Elevale, mamy na myśli logotyp, chyba że wyraźnie poprosimy o samo logo.
- Znak logo
- Połączone różowe i fioletowe kwadraty po lewej stronie.
- Znak słowny
- Nazwa Elevale w skróconej czcionce Coolvetica po prawej stronie.
- Areszt
- Logo i logotyp razem. To jest domyślny plik logo.
Hasło reklamowe
Strategia, która nigdy nie umiera
Typowe umiejscowienie bohatera
Często pojawia się nad nagłówkiem głównym. Nie umieszczaj go w eksportowanych plikach logo, chyba że marka zatwierdzi niestandardowy blok.
Co oznacza znak logo
Logo składa się z dwóch kwadratów, przesuniętych względem siebie i połączonych ze sobą. Wyglądają jak oddzielne moduły, które postanowiły się spotkać: tam, gdzie istniała luka między strategią a realizacją, między tym, co mówiło kierownictwo, a tym, co firma mogła pokazać, teraz pojawia się celowe działanie. Nie rozmycie. Nie przejęcie. Połączenie, które widać.
Chodzi o nakładanie się. Ta wspólna krawędź to miejsce, gdzie znajduje się Elevale.
Od rozłąki do wspólnego wysiłku
Arkusze kalkulacyjne w jednym rogu, OKR w drugim, recenzje oparte na wynikach eksportu z zeszłego miesiąca. Znak logo jest przeciwieństwem tego dryfu: dwa samoloty wsuwające się do kasy, aby firma przestała sobie zaprzeczać publicznie.
Szew jest centrum dowodzenia
Wspólny róg nie jest ozdobą. To punkt styku, w którym spotykają się wytyczne, metryki i działania zespołowe. Elevale to produkt tego nakładania się: jedna powierzchnia do wyznaczania kierunku, pomiaru i realizacji.
Splecione, wciąż w ruchu
Przesunięcie sugeruje ruch do przodu bez kolizji. Strategia nie miażdży operacji; dane nie zasypują ludzi. Kwadraty posuwają się naprzód razem, niczym priorytety, które w końcu zmierzają w tym samym kierunku.
Wysokość na połączeniu
Elevale nabiera rozpędu od tego skrzyżowania. Wyrównanie to nie plakat na ścianie; to moment, w którym organizacja wznosi się ponad hałas, ponieważ intencja i dowody mają tę samą wartość. Logo jest małe. Pomysł nie.
Różowy i fioletowy w znaku logo
Różowy i fioletowy mają swoje miejsce w znaku. Różowy jest ciepły: kierunek, pęd i impuls do podjęcia decyzji. Fiolet jest chłodny: dowody, struktura i dowód, którym można się kierować. Pozostaw je na osobnych polach; dzielą krawędź tylko tam, gdzie intencja spotyka się z dowodem. Reguły HEX, RGB i UI są w kolorach podstawowych.
-
Różowy
Kierunek i pęd
Ciepła magenta z czystą energią. W znaku jest wyeksponowana: wzrok dociera do niej pierwszy, tak jak przywódcy muszą nazwać to, co jest ważne jako następne.
Represents Zamiar przed dowodem: dokąd zmierza firma, co jest priorytetem i energia potrzebna do działania.
W logo kolor różowy dominuje nad historią. W interfejsie użytkownika produktu jest to warstwa akcji: główne przyciski, stany priorytetowe i momenty wymagające jasnej decyzji.
-
Fioletowy
Dowody i struktura
Spokojny, błękitno-fioletowy odcień z głębią. Lekko odstaje od ciepła różu i niesie ze sobą metrykę, strukturę i doskonałość w stabilnym, godnym zaufania tonie.
Represents Co może pokazać firma: rzeczywiste wskaźniki KPI, powiązaną pracę, strukturę i dane sterujące, którym kierownictwo może zaufać.
W logo fioletowy dopełnia to, co zaczyna różowy. W interfejsie użytkownika produktu niesie ze sobą metryki, nacisk na nawigację i elementy, w których przejrzystość liczy się bardziej niż dekoracja.
Rozmiar i odstępy
Zachowaj wolną przestrzeń równą wysokości różowego modułu narożnego na znaku logo (20 px przy standardowym rozmiarze blokady) ze wszystkich stron blokady.
x = wysokość różowego modułu narożnego na logo (20 px przy standardowym rozmiarze blokady). Zachowaj co najmniej jeden x wolnej przestrzeni z każdej strony blokady.
Warianty
Przejdź do biblioteki logoPobierz zatwierdzone pliki z logotypami i samym logotypem. Wykorzystaj logotype do celów marketingowych; używaj samego logotypem tylko tam, gdzie jest mało miejsca, a marka jest już rozpoznawalna.
Zamknięcia
Tylko znak logo
W przypadku faviconów, ikon aplikacji, awatarów i kompaktowego interfejsu użytkownika. Pliki App-tile zawierają kolorowe tło; nie należy ich przycinać ani zmieniać koloru.
Stosowanie
Użyj pełnokolorowego tła na jasnych tłach, a tła na ciemnych – jednolitego. Na fotografiach lub powierzchniach o dużym natężeniu ruchu dodaj jednolitą nakładkę lub przełącz na odwrócone tło, aby znak pozostał czytelny.
Zatwierdzone tła
Światło Ciemny Czego należy unikać
Nie rozciągać i nie deformować
Nie dodawaj konturów
Nie obracaj blokady
Nie umieszczaj na tłach o dużym natężeniu ruchu, bez kontrastu
Zachowaj wolną przestrzeń
Kolory rdzeniowe
Różowy i fioletowy działają parami, a nie zamiennie. Różowy kieruje wzrok ku kierunkowi i działaniu; fioletowy skrywa prawdę operacyjną. Neutralne kolory odgrywają kluczową rolę w interfejsie użytkownika produktu i w czytaniu długich tekstów.
Jak współpracują
Użyj różowego, gdy chcesz nadać rozpędu lub wykonać działanie główne. Użyj fioletowego, gdy pokazujesz strukturę, metryki lub zaufanie poprzez dane. Gradient od różowego do fioletowego jest przeznaczony tylko dla bohaterów i pasm premium. Zobacz Gradienty.
Różowa marka
Różowa marka. Kierunek, wezwania do działania i kwadratowy symbol w logo. Nie zmieniaj odcienia ani nasycenia.
#E20F7A rgb(226 15 122) --pink
Marka fioletowa
Fioletowy kolor marki. Dowody, struktura interfejsu użytkownika produktu i kwadrat na końcu logo. Nie zmieniaj odcienia ani nasycenia.
#5270F5 rgb(82 112 245) --purple
Różowe światło
#FCE4F1 rgb(252 228 241) --pink-light
Fioletowe światło
#EEF0FE rgb(238 240 254) --purple-light
Ciemny
#111318 rgb(17 19 24) --dark
Czarny
#0A0A0A rgb(10 10 10) --black
Biały
#FFFFFF rgb(255 255 255) --white
Białawy
#F9FAFB rgb(249 250 251) --off-white
Gradienty
Gradienty łączą róż z fioletem: ta sama historia, co w logo, ale w formie ciągłej. Stosuj je oszczędnie w motywach głównych, wezwaniach do działania i w reklamach premium, nigdy w tekście głównym.
Ciemny gradient marki
#0D1117 · rgb(13 17 23)
#111827 · rgb(17 24 39)
#1A1040 · rgb(26 16 64)
Różowy do fioletowego
#E20F7A · rgb(226 15 122)
#5270F5 · rgb(82 112 245)
Wyświetlacz: Coolvetica Condensed
Pobierz CoolveticaNagłówki, tytuły główne i etykiety sekcji. Używaj wielkich liter w celach marketingowych; unikaj pisania wielkimi literami, z wyjątkiem krótkich etykiet.
Realizacja strategiczna, jasno określona
Ciało: Satoshi
Pobierz SatoshiTekst główny, etykiety interfejsu użytkownika i tekst pomocniczy. Zatwierdzone są grubości 400, 500 i 700.
Jedna platforma do wyznaczania kierunku, KPIs, OKRs i koordynacji zespołowej.
Fotografia
Fotografia towarzyszy interfejsowi użytkownika produktu, diagramom i grafikom marketingowym. Używamy jej w bohaterach kampanii, makietach interfejsu użytkownika, momentach w miejscu pracy i zespołach, a także małych awatarach na ekranach aplikacji (osie czasu, schematy organizacyjne, znaczniki osób przypisanych). Każdy obraz powinien wspierać strategię i realizację poprzez czytelny tekst, kolorystykę marki i kontekst.
Gdzie pojawia się fotografia
Fotografia produkcyjna obejmuje kadry kampanii, makiety interfejsu użytkownika, zdjęcia miejsca pracy, portrety zespołu i awatary interfejsu użytkownika. Każdy typ ma własne zasady dotyczące rozmiarów i źródeł dostaw, opisane na poniższych kartach, a także krótką listę tego, czego nie należy wysyłać.
Kampania i materiały kreatywne
Połącz osobę lub zatwierdzoną postać marki z kompozycją: gradientowym lub kolorowym paskiem, nagłówkiem i interfejsem użytkownika produktu z przodu. Ciepło i wiarygodność pochodzą z ludzkiej strony; potwierdzenie pochodzi z interfejsu. Wycięcia mogą wystawać ponad pasek, gdy czytelność pozostaje wysoka.
Makiety interfejsu użytkownika i sceny produktów
Twórz stylizowane grafiki interfejsu użytkownika i skomponowane sceny, a nie zdjęcia nazwanego sprzętu (bez ramek iPhone'a, MacBooka ani innych markowych urządzeń). Używaj neutralnych kształtów ekranu, warstwowych kart lub abstrakcyjnych ramek, aby wizualizacje nie traciły na aktualności po odświeżeniu produktów. Łącz fotografię z interfejsem użytkownika, gdy pomaga to w narracji; zadbaj o czytelność czcionki i kart. Źródło w pełnej rozdzielczości; nie rozciągaj kadrów o niskiej rozdzielczości.
Fotografia miejsca pracy i biura
Pokaż prawdziwe biura, warsztaty i chwile pracy na stronach „O nas”, w grupach kulturowych, na kartach kariery i w blokach redakcyjnych. Wybierz naturalne światło, autentyczne przestrzenie i zróżnicowane zespoły zamiast standardowych biur. Dodaj nakładkę jednolitą lub gradientową, gdy tekst znajduje się na obrazie.
Portrety zespołowe i przywódcze
Używaj przystępnych portretów i zdjęć w małych grupach, aby podkreślić przywództwo, pokazać społeczny dowód i stworzyć treści dla partnerów. Zadbaj o neutralny lub zgodny z marką strój. Skomponuj zdjęcie z interfejsem użytkownika produktu lub nagłówkami, gdy jest ono częścią kampanii, a nie jako oderwana od kontekstu tapeta portretowa.
Awatary w interfejsie użytkownika produktu
Przycięte portrety w rozmiarze awatara (około 24–40 pikseli) na osiach czasu, schematach organizacyjnych, elementach przypisanych osób i wierszach potwierdzenia społecznego. Używaj zatwierdzonych wycinków awatarów z zestawu marki tylko w tym rozmiarze. Nigdy nie skaluj plików awatarów bohaterów ani zespołów kampanii.
Nie używać
Losowe siatki zdjęć portretowych, zdjęcia z uściskiem dłoni, pełnoekranowe zdjęcia-bohaterowie bez kontekstu produktu lub przekazu, albo makiety dopasowane do rozpoznawalnych urządzeń konsumenckich. Fotografia powinna wyjaśniać platformę, pokazywać rzeczywistą pracę lub podkreślać nagłówek. Jeśli nie spełnia żadnego z tych kryteriów, wybierz grafikę lub interfejs użytkownika.
Kompozycja w stylu kampanii
Layouty startowe i kampanie łączą prawdziwą osobę lub postać marki z kartą interfejsu użytkownika produktu na śmiałym tle marki. Nagłówek niesie obietnicę, karta interfejsu użytkownika dostarcza dowodów, a fotografia może wystawać poza górną krawędź, gdy stopy pozostają zakotwiczone w dolnej części opaski.
Przykładowa kompozycja. Użyj licencjonowanych zdjęć o wysokiej rozdzielczości lub zatwierdzonych wycinków marki w pełnym rozmiarze kampanii.
Biblioteka awatarów (rozmiar wyświetlania interfejsu użytkownika)
Zatwierdzone kadry tylko do makiet i interfejsu użytkownika produktu. Wyświetlaj w rozmiarze poniżej. Do kampanii, miejsc pracy lub zespołów, zdobądź osobne zdjęcia w pełnej rozdzielczości.
Jakość i dostarczanie plików
Zdjęcia kampanii, makiety, zdjęcia z miejsca pracy i zdjęcia zespołowe powinny mieć co najmniej 1200 pikseli na dłuższym boku przed eksportem. Dostarcz pliki WebP lub AVIF do internetu. Pliki awatarów zachowują swój natywny, mały rozmiar. Poproś o weryfikację marki, jeśli łączysz zdjęcia z logo partnera lub współtworzeniem marki.
Grafika marketingowa
Na stronie internetowej, stronach tematycznych i w kampaniach używamy kart w stylu interfejsu użytkownika, miękkich nakładek i stonowanej kolorystyki marki. Celem jest głębia i przejrzystość, a nie dekoracja sama w sobie.
Powściągliwość w hałasie
Wystarczy jeden główny element wizualny na bohatera lub sekcję. Niech tekst, odstępy i pojedyncza grupa kart niosą historię. Jeśli wszystko krzyczy, nic nie trafia.
Kolor ze strukturą
Neutralne kolory (biały, kremowy, ciemny tekst) utrzymują układ. Różowy i fioletowy pojawiają się jako akcenty: górne krawędzie kart, linie wykresu, odznaki i pasy gradientu w ciemnych sekcjach. Nie wypełniaj dużych obszarów pełnymi gradientami marki za gęstym interfejsem użytkownika.
Głębia poprzez warstwowanie
Użyj dwóch, a nawet trzech nakładających się kart z przesunięciem, obrotem światła i delikatnym cieniem. Dwie karty wystarczą, gdy historia jest prosta; dodaj trzecią tylko wtedy, gdy wzbogaci ona kontekst. Przednia karta niesie przesłanie; tylne karty sugerują dodatkowe szczegóły.
Nakładki i panele
Umieść grafikę wewnątrz paneli z próbkami lub na spokojnym tle. Na fotografiach lub ciemnych pasach dodaj nakładkę jednolitą lub gradientową, aby tekst i karty były czytelne. Karty umieszczane są nad tłem; nie konkurują z nim.
Zalecony
Przykład z maksymalnie trzema kartami: każda warstwa ma tytuł i jedną wskazówkę interfejsu użytkownika. Przednia karta zawiera nagłówek; tylne karty są jaśniejsze, ale nadal czytelne. Użyj dwóch, gdy to wystarczy.
Unikać
Płaskie siatki z wyrazistymi gradientami, konkurującymi kształtami i blokami o jednakowej wadze. Wyglądają jak bałagan i osłabiają przekaz produktu.
Usage rules
- Użyj dwóch lub trzech kart w stosie bohaterów, nigdy więcej niż trzech. Zatrzymaj się na dwóch, jeśli trzecia warstwa nie dodałaby kontekstu.
- Wnętrze kart powinno być neutralne. Użyj różu lub fioletu do jednego akcentu na karcie (pasek na krawędzi, kropka, linia błyszcząca lub znaczek).
- Pełne gradienty od różowego do fioletowego zarezerwuj dla bohaterów, wezwań do działania i ciemnych pasów. Zobacz Gradienty i Kolory podstawowe.
- W miarę możliwości stosuj rzeczywiste wzorce interfejsu użytkownika produktu w elementach graficznych i na stronie głównej. Zobacz Interfejs użytkownika produktu.
- Animuj wejście krótkim, stopniowym ruchem (zanikanie i lekkie unoszenie), a nie ruchem ciągłym. Zobacz Ruch.
- Gdy obok kart pojawia się Otto lub fotografia, daj grafice przestrzeń do oddychania. Nie przepełniaj stosu.
Interfejs użytkownika produktu
Pobierz zestaw markiZacznij od prawdziwych ekranów aplikacji Elevale i wzorów interfejsu użytkownika na zrzutach ekranu i grafikach marketingowych. Możesz uprościć, przyciąć lub usunąć elementy sterujące, gdy tylko sprawi to, że wartość będzie bardziej czytelna. Zachowaj neutralne kolory, Satoshi dla tekstu interfejsu użytkownika i róż lub fiolet tylko tam, gdzie produkt faktycznie akcentuje stany, wykresy i działania.
Prawdziwy interfejs użytkownika, uproszczony dla historii
Twórz z autentycznych układów, czcionek i komponentów Elevale. W celach marketingowych dopuszczalne jest minimalizowanie interfejsu: usuwanie paneli bocznych, przycinanie nawigacji lub ukrywanie funkcji, które nie wspierają przekazu. Celem jest wyjaśnienie tego, co ważne, a nie pokazanie wszystkich elementów sterujących na ekranie. Nie wklejaj interfejsu użytkownika do losowych okien przeglądarki ani nie zmieniaj koloru ogólnego szablonu pulpitu nawigacyjnego, aby pasował do marki.
Kolor w miejscu, w którym produkt jest używany
Tła pozostają białe lub w kolorze złamanej bieli. Różowe i fioletowe są wyświetlane na aktywnych elementach nawigacji, postępach, seriach wykresów, odznakach i głównych przyciskach w aplikacji. Nie wypełniaj zrzutu ekranu gradientami, które nie występują w interfejsie użytkownika.
Skoncentruj się na jednym zadaniu do wykonania
Zawęź ramy wyjaśnianego przepływu pracy: kierunek, OKRs, KPIs czy pulpity nawigacyjne. Usuń puste miejsca, niepowiązane moduły i szum interfejsu użytkownika, aby użytkownik widział jeden, wyraźny rezultat, a nie cały produkt naraz.
Dopasuj medium
Pełne zrzuty ekranu w stylu dokumentalnym powinny znaleźć się w studiach przypadku, dokumentach i prezentacjach sprzedażowych. W przypadku bohaterów stron internetowych, wybierz uproszczone kadry lub warstwowe grafiki kart w grafice marketingowej, gdy potrzebujesz głębi bez pokazywania całej aplikacji.
Przechwytywanie i eksportowanie
- Przechwytuj dane z instalacji lub produkcji z prawdziwym tekstem i etykietami. Uprość lub przytnij interfejs użytkownika, gdy będzie on bardziej przejrzysty; nie dodawaj fałszywych modułów. W razie potrzeby rozmyj lub anonimizuj nazwy klientów.
- Nie rozciągaj, nie przekrzywiaj ani nie zaokrąglaj rogów inaczej niż w przypadku produktu.
- Utrzymaj różowe i fioletowe akcenty w tych samych rolach, co w aplikacji (nawigacja, wykresy, wezwania do działania). Zobacz Kolory podstawowe.
- W przypadku bohaterów marketingowych, którzy nie mają pełnego zrzutu ekranu, należy użyć ułożonych w stos kart interfejsu użytkownika zgodnie z Grafiką marketingową.
- Eksportuj w rozdzielczości 2x, aby uzyskać wyraźne slajdy i strony internetowe; preferowany format to PNG lub WebP z kolorami sRGB.
- Najnowsze zatwierdzone przechwyty są dostępne w zestawie marki na Dysku Google. W razie wątpliwości poproś o dostęp przed publikacją zewnętrzną.
Wzorce interfejsu użytkownika
Interfejs użytkownika produktu i marketingu korzysta ze wspólnych promieni, cieni i wyglądu przycisków z systemu projektowego.
Użyj jednej akcji głównej na widok. Na jasnych powierzchniach marketingowych połącz ją z drugorzędnym tekstem lub obramowaną pigułką. Przyciski ghost button rezerwuj tylko na ciemne tła.
Podstawowe wezwanie do działania
Para bohaterów (główna + drugorzędna tekstowa)
Zarys wtórny (powierzchnie jasne)
Duch (tylko ciemne powierzchnie)
Średni promień (12px)
Cień karty
Ikonografia
Elevale wykorzystuje ikony konturowe Lucide na stronach marketingowych, w sekcjach z funkcjami i makietach interfejsu użytkownika. Jedna rodzina, jedna grubość kreski i mała skala rozmiaru ułatwiają przeglądanie nawigacji i kart.
Zasady
Skala rozmiarów
Trzymaj się 16, 20 i 24 px. Karty z funkcjami marketingowymi mogą używać 28 px dla podkreślenia; nie wymyślaj jednorazowych rozmiarów.
Kolor na powierzchniach
Gdzie pojawiają się ikony
Biblioteka ikon
Każda nazwa Lucide zarejestrowana na stronie marketingowej. Wyszukaj, a następnie skopiuj nazwę do przekazania projektu lub pobierz gotowe fragmenty kodu dla bloków Astro i Webflow.
Zasady użytkowania
- W jasnym interfejsie użytkownika ikony powinny być monochromatyczne, a w gradientach marki i ciemnych tłach aplikacji używaj bieli.
- Połącz ikony z etykietami, aby umożliwić podstawową nawigację i główne wezwania do działania.
- Nie należy mieszać zestawów wypełnionych i konturowych na tej samej powierzchni.
- Wyrównaj rozmiar ikony do tekstu: 16 px w przypadku podpisów, 20–24 px w przypadku treści i nagłówków.
- Użyj
aria-hidden="true"w ikonach dekoracyjnych; znajdujący się obok tekst niesie ze sobą znaczenie. - Karty marketingowe przedstawiające bóle i korzyści: jedna ikona w nagłówku, różowa na białym tle, patrz odstępy w Grafikach marketingowych.
- Wzory interfejsu użytkownika produktu dla przycisków i kart znajdują się we wzorcach interfejsu użytkownika; ikony mają takie same promienie i gęstość.
- Poproś o ocenę marki przed rozpoczęciem kampanii partnerskich opartych na ikonach lub niestandardowych piktogramach poza Lucide.
Ruch
Elevale wykorzystuje ruch w całej witrynie marketingowej i produkcie: ruchy bohaterów otoczenia, przewijanie, stany najechania kursorem, karty w układzie schodkowym oraz GIF-y, które dodają ciepła i humoru. Ruch powinien kierować uwagę i wzmacniać przejrzystość przekazu, a nie konkurować z nim.
Zasady
Celowy
Każda animacja odpowiada na pytanie: co się zmieniło, co jest teraz ważne, a co odniosło sukces. Jeśli ruch nie pomaga komuś w zrozumieniu, docenieniu lub docenieniu, usuń go.
Powściągliwy
Jeden ruch ogniskowy na każdy obszar widoku. Unikaj chaosu pętli, paralaksy bez powodu ani odbijania się wielu elementów jednocześnie. Grafika marketingowa już wykorzystuje głębię; ruch nie powinien przeciążać stosu.
Stały czas
Użyj przejścia „easy-out” dla wejść i przejścia „easy-out” dla przełączników. Większość przejść w interfejsie użytkownika trwa od 200 ms do 400 ms; otoczenie bohatera może trwać dłużej, ale pozostaje subtelne.
Szanuj ograniczony ruch
Zawiń ozdobne pętle i dryfuj w prefers-reduced-motion: no-preference. Zmiany stanu rdzenia (otwarte menu, fokus) mogą nadal animować się lekko lub natychmiast, gdy użytkownicy wybiorą opcję ograniczenia ruchu.
Gdzie pojawia się ruch
Te wzorce pojawiają się na stronie elevale.com i stronach tematycznych. Dopasuj je do swojej witryny lub materiałów partnerskich.
- Bohater i obecność Delikatne, kuliste tło, gradientowe świecenie i nacisk na nagłówek na stronie głównej i kluczowych landingach. Powolne, niskoamplitudowe pętle, które tętnią życiem, nie odciągając uwagi od wezwania do działania.
- Nawigacja i powłoka aplikacji Tło nawigacji, kolor linku i przejścia w szufladzie mobilnej (~200–300 ms). Menu rozwijane zanikają i przesuwają się; przyciski lekko unoszą się po najechaniu na nie, z krótką transformacją.
- Karty i stosy Przesunięte zanikanie i podnoszenie na stosach kart marketingowych i siatkach prezentacyjnych. Krótkie opóźnienia między elementami pokrewnymi (około 40–80 ms), dzięki czemu treść jest czytana od góry do dołu, a nie cała naraz.
- Przewiń i odkryj Sekcje pojawiają się w momencie wejścia do okna podglądu: krycie i przesunięcie w poziomie (translationY), a nie poziome slajdy. Powiąż odsłony z kolejnością czytania; nie uruchamiaj ponownie przy każdym drobnym przesunięciu przewijania.
- Produkt i makiety Makiety interfejsu użytkownika stron funkcji wykorzystują subtelne zmiany stanu, przełączanie kart i zabawne reakcje GIF w czacie lub wątkach zadań. Gdy Otto jest w trybie głosowym, <a href="#motion-voice-orb">kula głosowa AI</a> sygnalizuje słuchanie i myślenie. Więcej informacji na temat celu i animacji znajdziesz w tej sekcji.
Odniesienie czasowe
Mikro 150–200 ms Najedź kursorem, pierścienie ostrości, przesuwanie ikon
Standard 200–400 ms Przyciski, panele, nawigacja, najechanie kursorem na kartę
Podkreślenie 400–600 ms Czasowniki modalne, duże odsłaniacze (używać oszczędnie)
Otoczenia Ciągły Kula głosowa AI świecąca i oddychająca (sterowana dźwiękiem w aplikacji)
Kula głosowa AI
Miękka, świecąca kula w aplikacji Elevale podczas rozmowy z Otto głosem. Pokazuje ona sesję na żywo i reaguje na dźwięk, a transkrypcja i odpowiedź Otto przekazują faktyczną wiadomość.
Przegląd
W produkcie kula jest rysowana na żywo na ekranie (nie jest to plik wideo ani statyczny obraz). Stanowi ona główny element wizualny trybu głosowego: spokojna w stanie spoczynku, bardziej aktywna, gdy ktoś mówi, i cieplejsza, gdy mówi Otto. Nie jest to logo, wykres ani analizator widma z paskami.
Gdzie się pojawia
Ten sam komponent kuli jest używany w dwóch układach, sterowanych tą samą sesją głosową:
- Głos pełnoekranowy
Duża kula (około 320 pikseli) wyśrodkowana na ekranie głosowym. Stuknięcie kuli może przerwać Otto podczas mówienia.
- Pływający widget
Mała kula (około 92 pikseli) w zminimalizowanym chipie głosowym. Stuknięcie powoduje powrót do widoku czatu; przyciski wyciszania i kończenia znajdują się nad kulą.
Na co reaguje
Ruch odbywa się na podstawie rzeczywistego dźwięku z sesji, a nie losowej animacji:
- Twój głos Kula rozjaśnia się i porusza wraz z mikrofonem, gdy mówisz (chyba że mikrofon jest wyciszony).
- Otto mówi Gdy Otto odtwarza odpowiedź głosową, kula reaguje również na ten dźwięk, wydając delikatny, dodatkowy impuls, aby było jasne, że asystent mówi.
- Ciche chwile Podczas aktywnej sesji kula nadal delikatnie oddycha, dzięki czemu interfejs użytkownika wydaje się żywy, nawet w ciszy. Nie znika między słowami.
- Wyciszony mikrofon Sygnał z mikrofonu jest ignorowany. Paleta barw zmienia się na chłodniejsze, łupkowe tony, zmarszczki i cząsteczki ustają, a na kuli pojawia się ikona wyciszenia.
- Sesja zakończona Tryb głosowy zostaje zamknięty lub powraca do czatu. Kula przestaje reagować i nie powinna pulsować, jakby połączenie było nadal otwarte.
Ogólna struktura
Wyobraź sobie kulę jako warstwowe, miękkie światło, a nie twardą, trójwymiarową kulę lub wyświetlacz przebiegu:
- Zewnętrzny blask Szeroka, pastelowa aureola wokół kuli. Różowe i lawendowe, gdy mikrofon jest aktywny; przytłumione, szare, gdy mikrofon jest wyłączony.
- Pierścienie faliste Kilka miękkich pierścieni, które rozszerzają się na zewnątrz. Sugerują energię, a nie indywidualne częstotliwości.
- Główna sfera Rozproszony środek, bez ostrej tęczówki i źrenicy. Wielkość lekko pulsuje, bas i ogólna energia.
- Chmury wewnętrzne Delikatne płatki koloru unoszące się wewnątrz kuli, podczas gdy średnie i niskie tony wznoszą się i opadają.
- Cząsteczki Wiele drobnych pyłków krąży wokół centrum, szybciej, gdy rozmowa jest energiczna. Są ozdobą, a nie punktami danych.
Strony z funkcjami na elevale.com wykorzystują uproszczoną wersję CSS tego wyglądu do statycznych makiet. Kula w aplikacji na żywo jest bogatsza i powiązana z prawdziwym mikrofonem i odtwarzanym dźwiękiem.
Próbka referencyjna marki
Kolor
Pastelowe róże i lawendowe refleksy mieszają się z barwami podstawowymi marki w stronę bieli. Bez tęczowych przejść, płaskich wypełnień i ostrych krawędzi. W stonowanym stanie używane są wyłącznie neutralne odcienie łupka.
UX i dostępność
- Zawsze łącz z tekstem Transkrypcja na żywo, etykiety sesji i pisemna odpowiedź Otto znajdują się obok kuli. Nigdy nie polegaj wyłącznie na animacji.
- Czytniki ekranu Rysunek jest ukryty przed technologiami wspomagającymi. Ekrany rodzica informują o stanie (np. asystent mówi, mikrofon wyciszony).
- Zredukowany ruch Gdy użytkownicy wolą mniej ruchu, ruch spowalnia i wygładza się. Kula może pozostać spokojnym, statycznym blaskiem, zamiast tańczyć.
Zasady
- Używaj tylko w czacie głosowym Otto (pełnoekranowym lub ruchomym). Nie do celów marketingowych, ogólnych ładowarek ani komunikatów o błędach.
- Nie zamieniaj kuli w wykres słupkowy, logo ani naklejkę z maskotką. Wewnątrz kuli nie umieszczaj żadnych liczb ani etykiet.
- Zachowaj spójność rozmiarów pełnego ekranu i ekranu ruchomego (około 320 px i 92 px). Nie wymyślaj nowych rozmiarów kul bez przeglądu projektu produktu.
- Wyciszenie musi być oczywiste: chłodniejsze kolory, brak cząsteczek, wskaźnik wyłączonego mikrofonu oraz tekst informujący, że mikrofon jest wyciszony.
- Materiały marketingowe mogą uprościć kulę; nie obiecuj dodatkowych efektów w reklamach, których aplikacja nie oferuje.
Charakter i ton Otto na żywo Otto.
Próbka ruchu UI
Najedź kursorem na kartę i przycisk, aby zobaczyć typowe luzowanie i czas trwania.
Użycie GIF-ów
GIF-y to sposób, w jaki Elevale postrzegają prawdziwych ludzi, a nie broszurę firmową: celebracje w produktach, reakcje na czacie i od czasu do czasu zabawne pętle marketingowe. Używaj ich, gdy sytuacja wymaga ciepła lub uśmiechu – nadal uprzejmie i zgodnie z marką, ale nigdy sztywnie, by wyglądać „poważnie”.
Dobre momenty dla GIF-ów
- Świętowanie zwycięstw: postęp OKR, ukończenie zadania, kamienie milowe zespołu lub bohaterowie potrzebujący ludzkiego przybicia piątki.
- Reakcje w interfejsie użytkownika produktu: czat, komentarze lub wątki z doradcami, w których krótka pętla dodaje humoru lub zachęty.
- Sekcje marketingowe, które pokazują rzeczywiste wyniki (jasność, dynamikę, ulgę), z osobistą historią, a nie kolejnym uogólnionym uśmiechem.
Zatwierdzone GIF-y z celebracjami i reakcjami są dołączone do zasobów witryny i zestawu marki. Poproś o dodanie, kontaktując się z zespołem ds. marki. Jesteśmy otwarci na zabawne pętle, które nadal będą miały niepowtarzalny charakter Elevale.
Zgodnie z marką
Zatwierdzony plik GIF z biblioteki, o żartobliwym lub świątecznym charakterze, wspierający przekaz, rozsądny rozmiar pliku.
Niedozwolone
Kontrowersyjna, polityczna, obraźliwa lub niezwiązana z kulturą memów. Bez szokujących treści, makabry i chwytów.
Do
- Wybieraj GIF-y, które są optymistyczne, lekko żartobliwe i ludzkie, jak świętujący koledzy z zespołu, a nie pokaz slajdów z sali konferencyjnej. Zabawne są mile widziane, gdy nadarzy się okazja; unikaj mdłej, sztywnej lub nachalnej energii „korporacyjnego profesjonalisty”.
- Umieszczaj GIF-y w miejscach, w których ludzie są już w dobrym momencie (świętują, dodają otuchy, spełniają oczekiwania), a nie jako przypadkowy wypełniacz.
- Używaj plików z zestawu marki lub zatwierdzonej biblioteki witryny. Nie linkuj bezpośrednio nieznanych adresów URL.
- Traktuj dekoracyjne pliki GIF jak obrazy: pusty alt, gdy pełnią funkcję wyłącznie dekoracyjną; opisuj moment, gdy niosą ze sobą znaczenie.
- Preferuj zoptymalizowane pętle, stosuj leniwe ładowanie poniżej linii zagięcia i unikaj wyświetlania wielu dużych obrazów GIF w jednym oknie.
Nie
- Żadnych kontrowersyjnych, wywołujących podziały lub viralowych treści, nawet jeśli są one popularne.
- Żadnych obelg, stereotypów, przemocy, krwi, treści seksualnych ani poniżania kogokolwiek.
- Żadnych kampanii politycznych, obrazów protestacyjnych ani przekazów partyjnych.
- Brak migania, stroboskopu i szybkich pętli, które utrudniają czytelność lub utrudniają odczytanie informacji.
- Nie wolno umieszczać nowych plików GIF w płatnych kampaniach, zasobach partnerów ani wiadomościach e-mail bez zgody marki.
Partnerzy
Program poleceńJako partner afiliacyjny lub polecający, przedstawiasz Elevale swojej publiczności, używając naszej oficjalnej nazwy i wizerunku. Zadbaj o to, aby Elevale było rozpoznawalne jako Elevale (a nie jako własna oferta white-label). Korzystaj z zatwierdzonych zasobów z tego centrum i uzyskaj pisemną akceptację marki przed kampaniami płatnymi lub o wysokiej widoczności.
Nie podlegające negocjacjom
W przeciwieństwie do resellerów, partnerzy nie stosują white label. Jeśli chcesz sprzedawać pod własną marką, zapoznaj się z sekcją Resellerzy. Ta sekcja ma zastosowanie, jeśli udostępniasz Elevale tylko swojej sieci.
Musisz
- Używaj plików logo, kolorów i szablonów wyłącznie z zestawu marki lub biblioteki logo. Nie twórz znaku ponownie.
- Użyj zatwierdzonego, pełnego blokowania dla każdego zasobu. Dopasuj tło: pełny kolor na jasnych powierzchniach, blokowanie na ciemnych lub odwrócone na powierzchniach o dużym natężeniu ruchu. Zobacz Użycie logo i wolną przestrzeń.
- Trzymaj się komunikatu, tonu głosu i wartości marki. Żadnych reklam, gwarancji ani obietnic dotyczących funkcji, których nie opublikowaliśmy.
- Kieruj ruch przez przypisany link polecający Elevale, aby poprawnie przypisać atrybuty rejestracji. Nie używaj okrojonych lub przekierowujących adresów URL, które omijają śledzenie.
- W razie potrzeby wyraźnie opisz swój związek partnerski lub polecający (na przykład w płatnych mediach społecznościowych, stopkach wiadomości e-mail i wpisach na blogu).
- Prześlij płatne reklamy, strony docelowe, webinaria i wiadomości e-mail wysyłane we współpracy z marką do uzyskania pisemnej zgody marki przed ich publikacją.
Nie możesz
- Nie wolno zmieniać, zmieniać koloru, animować, obracać, obrysowywać ani łączyć logo z efektami, które nie zostały ujęte w niniejszych wytycznych.
- Nie przedstawiaj Elevale jako własnej platformy, nie usuwaj naszej nazwy ani nie sugeruj, że stworzyłeś lub jesteś właścicielem produktu.
- Obiecane wyniki, ceny, integracje lub zgodność nie zostały potwierdzone na piśmie.
- Licytuj hasła związane z marką Elevale w reklamach w wyszukiwarce bez uprzedniej pisemnej zgody.
- Używaj Otto w reklamach, miniaturach lub materiałach reklamowych w mediach społecznościowych bez zezwolenia. Zobacz Otto.
- Naśladuj lub przeinaczaj naszą markę w sposób, który mógłby wprowadzić w błąd. Nie mów, nie prezentuj się ani nie przedstawiaj tak, jakbyś był Elevale, naszym zespołem lub właścicielem platformy. Nie sugeruj, że rekomendujemy usługi spoza programu poleceń.
- Zleć wykonanie niestandardowych ilustracji logo, włącz je do szablonów innych firm lub wykorzystaj obrazy stockowe imitujące nasz znak logo.
Zatwierdzone zasoby do użycia
Wybierz zestaw i centrum marki. W razie wątpliwości użyj mniejszej liczby elementów, zamiast improwizować.
- Pełnokolorowe, na ciemnych i odwróconych stronach (SVG/PNG). Logo umieszczane tylko tam, gdzie jest mało miejsca, a marka jest już znana.
- Różowy, fioletowy, kolory neutralne i gradienty dokładnie tak, jak zdefiniowano w Kolorach podstawowych i Gradientach.
- Nagłówki i argumenty z tego centrum lub strony marketingowej. Nie wymyślaj nowych sloganów.
- Slajdy, kadry z mediów społecznościowych i nagłówki wiadomości e-mail pochodzą z zestawu marki, jeśli są dostępne. Rozszerz układ, nie przerysowuj logo.
Prawidłowe umiejscowienie partnerów
Widoczne logo Elevale, zatwierdzone kolory, jasne wezwanie do działania (CTA) dla linku polecającego i uczciwe ujawnienie informacji.
Zmienione kolorystycznie logo, wymyślona nazwa produktu lub Twoja marka zastępująca naszą w ramach promocji Elevale.
Uczestnicy programu poleceń klientów powinni postępować zgodnie z tą sekcją w przypadku wszelkich publicznych wzmianek o programie Elevale. Zasady programu i prowizje znajdują się na stronie programu poleceń.
Egzekwowanie
Elevale może wstrzymać lub zakończyć dostęp afilianta, wstrzymać prowizje lub zażądać usunięcia niezgodnych zasobów. Powtarzające się lub poważne nadużycia mogą zakończyć współpracę.
Sprzedawcy
Złóż wniosek jako resellerZatwierdzeni resellerzy prowadzą platformę Elevale jako swój własny produkt. White-label to wbudowane logo, kolor podstawowy i domena w każdym obszarze roboczym klienta, z minimalną ilością brandingu Elevale w doświadczeniu klienta. Ty jesteś na pierwszym planie, a my obsługujemy platformę w tle.
Co daje Ci biała etykieta
Program partnerski został stworzony z myślą o relacjach z klientami i wprowadzaniu produktów na rynek, a nie o promowaniu marki Elevale jako wiodącej.
- Zaprezentuj platformę pod swoim nazwiskiem przy każdym logowaniu klienta, w każdym adresie e-mail i obszarze roboczym.
- Ustal własne ceny dla planów Foundation, Business i Professional.
- Sprzedawaj i wprowadzaj na rynek produkty zgodnie ze swoją metodologią: strategia, OKRs, KPIs i raportowanie w jednym firmowym systemie.
- Wybierz, jakie moduły otrzymają klienci i czy będą współpracować z Twoim zespołem, czy z wbudowanym doradcą AI.
W produkcie kontra sposób sprzedaży
Klienci widzą Twoją markę tylko w przestrzeni roboczej. W marketingu i sprzedaży prezentuj platformę jako swój produkt i metodologię, pod swoją nazwą i wyglądem.
Sprzedawcy white-label nie sprzedają jako partnerzy Elevale. Współmarkowanie z naszym logotypem jest możliwe tylko w rzadkich przypadkach, gdy obie nazwy muszą występować na jednym zasobie. Zapoznaj się z sekcją Współmarkowanie, jeśli ma to zastosowanie; w przeciwnym razie nie używaj Elevale w materiałach reklamowych skierowanych do klientów ani w materiałach marketingowych.
Kiedy się zameldować
Nie potrzebujesz zgody na codzienną konfigurację white-label w konsoli partnera. Skontaktuj się z Elevale przed kampaniami zewnętrznymi, które wspominają Elevale z nazwy, używają Otto lub zacierają granicę między Twoją a naszą marką.
Program partnerski Skontaktuj się z nami w sprawie pytań dotyczących marki
Współtworzenie marki
Jeśli zarówno znak Elevale, jak i znak partnera znajdują się na tym samym zasobach (bohater strony, slajd, baner wydarzenia), należy stosować zasady współtworzenia marki. Partnerzy promujący wyłącznie znak Elevale powinni stosować się do zasad Afilianci. Biała etykieta dla resellerów jest oddzielna: Resellerzy.
- Minimalna wysokość logo partnera: 24 px; należy zachować równą wagę wizualną tam, gdzie logo znajdują się obok siebie.
- Użyj pionowego podziału lub odstępu 24 px między znakami, nigdy nie nakładaj ich na siebie.
- Nie zmieniaj kolorów Elevale i nie dodawaj efektów do żadnego ze znaków.
Zestaw marki
Pobierz loga, wzorce kolorów i szablony z naszego wspólnego folderu marki.
Pobierz zestaw marki
Co jest wliczone
- Pliki logo (SVG, PNG): wersje blokowane i warianty zawierające wyłącznie logo
- Czcionki do nadawania kolorów i typografii (Coolvetica Condensed i Satoshi w Google Drive)
- Szablony prezentacji i mediów społecznościowych
Słowniczek
Krótkie definicje terminów używanych w niniejszych wytycznych.
- Areszt
- Pełny plik logo: logotyp i logotyp razem. To jest domyślne logo Elevale. Slogan nie jest zawarty w logotypie.
- Znak słowny
- Logotyp „Elevale” w formacie Coolvetica Condensed obok znaku logo. Nie jest on używany samodzielnie w materiałach zewnętrznych; należy go zestawić ze znakiem logo w opakowaniu.
- Znak logo
- Przeplatające się różowe i fioletowe kwadraty obok logotypu. Nazywane również symbolem w starszych dokumentach. Używać samodzielnie tylko w ciasnych przestrzeniach, gdy marka jest już rozpoznawalna.
- Hasło reklamowe
- Linia pomocnicza pod logo na stronach marketingowych, na przykład „Strategia, która nigdy nie umiera”. Ustawiona w formie czcionki głównej lub displayowej, zgodnie z projektem strony. Nie jest częścią grafiki reklamowej.
- Wolna przestrzeń
- Minimalny pusty margines wokół logo, w którym nie może znajdować się żaden tekst, grafika ani krawędzie. Dzięki temu znak jest czytelny i przejrzysty.
- X
- Jednostka miary wolnej przestrzeni: wysokość różowego modułu narożnego na logo w standardowym rozmiarze (20 pikseli). Każda strona blokady wymaga co najmniej 1× wolnej przestrzeni.
- Pełnokolorowe zamknięcie
- Domyślne logo na jasnych tłach: pełnokolorowe logo z ciemnym napisem. Nie należy go używać na gradientach marki ani na fotografiach przedstawiających ruch bez nakładki.
- Zablokuj w ciemności
- W przypadku jednolitych, ciemnych teł: pełnokolorowe logo z białym napisem. Logo pozostaje w kolorze różowo-fioletowym; jedynie napis zmienia kolor na biały.
- Odwrócona blokada
- Całkowicie biała grafika (logo i logotyp) dla gradientów marki i ciemnego interfejsu użytkownika aplikacji. Używaj jej zamiast pełnokolorowej grafiki wszędzie tam, gdzie gradient lub tło zmniejszałyby kontrast.
- Gradient marki
- Charakterystyczny, różowo-fioletowy gradient liniowy stosowany na bohaterach, wezwaniach do działania (CTA) i paskach premium. Nie umieszczaj pełnokolorowego logotypu na tym gradiencie. Użyj odwróconego logotypu, jeśli wymagane jest logo.
- Wariant logo
- Zatwierdzony plik logo na określone tło lub do określonego zastosowania (na przykład w pełnym kolorze, na ciemnym tle, w odwróconym kolorze lub tylko w formie logo).
- Przyłączać
- Partner, który wprowadza Elevale, korzystając z naszych oficjalnych zasobów marki i śledzenia poleceń. Partnerzy zachowują Elevale jako Elevale i śledzą sekcję Partnerzy (nie white-label).
- Biała etykieta
- Konfiguracja resellera, która zastępuje branding Elevale w produkcie klienta logo partnera, kolorem podstawowym i domeną. Klienci postrzegają platformę jako ofertę partnera.
- Współtworzenie marki
- Umieszczenie logo Elevale obok znaku partnera na tym samym materiale marketingowym. Używane w agencjach i na eventach, a nie w codziennych przestrzeniach roboczych klientów resellerów.
- Zestaw marki
- Współdzielony folder do pobrania zawierający loga, odniesienia kolorystyczne, szablony i powiązane zasoby, dostępny w sekcji Pobrane lub na Dysku Google.
- Typ wyświetlacza
- Coolvetica, używana w nagłówkach i materiałach marketingowych. Rezerwuj ją dla krótkich, efektownych linijek, a nie długich akapitów.
- Typ sylwetki
- Satoshi, używany w tekście interfejsu użytkownika, akapitach i tabelach. Zawiera większość informacji o produktach i dłuższych tekstach na stronie.
- Żeton koloru
- Nazwany kolor marki ze zmiennymi wartościami HEX, RGB i CSS (na przykład różowy, fioletowy, ciemny). Tokeny zapewniają spójność projektu i kodu.
- Otto
- Wydra i strategiczny doradca AI w Elevale. Reprezentuje rozwiązania: jasność, energię i radość z celu, a nie problemy, i nigdy nie jest maskotką ani rekwizytem.
- Wartości marki
- Niepodlegające negocjacjom zasady Elevale: spójność, przejrzystość, dowody i realizacja na poziomie kierownictwa, które wpływają na produkt i komunikację.
- Wiadomości
- Co przekazujemy rynkowi: pozycjonowanie, odbiorcy, obietnice i dowody, wyrażane konsekwentnie w nagłówkach, wezwaniach do działania i narracjach sprzedażowych.
- Ton głosu
- Jak to ująć: jasne, zdecydowane i ludzkie zasady pisania dla stron internetowych, interfejsu użytkownika produktu i sprzedaży, nie takie same jak w przypadku komunikatów, ale zbudowane na tych samych wartościach.
Często zadawane pytania
Krótkie odpowiedzi na temat stosowania marki Elevale w materiałach marketingowych, produktowych i partnerskich.
Którą wersję logo powinienem wybrać?
Użyj pełnokolorowego tła na białym lub złamanej bieli. Na jednolitym, ciemnym tle użyj ciemnego tła (kolorowe logo, biały napis). W przypadku ciemnego interfejsu aplikacji lub obszarów o niskim kontraście użyj odwróconego tła (całkowicie białego). Zobacz Warianty i Użycie.
Czy mogę używać wyłącznie znaku logo?
Tylko wtedy, gdy przestrzeń jest bardzo ograniczona, a marka jest już rozpoznawalna: favicony, kompaktowe ikony aplikacji lub ugruntowana nawigacja w produkcie. W przypadku slajdów, reklam i dokumentów użyj pełnego lockupu. Zobacz Warianty.
Czy mogę zmienić kolor, obrysować lub zniekształcić logo?
Nie. Nie zmieniaj kolorów, nie dodawaj efektów, nie obracaj ani nie rozciągaj logotypu. Zamiast edytować grafikę, użyj zatwierdzonego pliku z zestawu marki lub biblioteki logo.
Ile wolnej przestrzeni potrzebuję?
Zachowaj co najmniej jeden x wolnej przestrzeni z każdej strony, gdzie x to wysokość różowego modułu narożnego w logo (20 px przy standardowym rozmiarze). Zobacz Anatomię i słownik.
Czy mogę umieścić logo na fotografiach?
Tak, jeśli kontrast jest wystarczająco silny. Dodaj jednolitą, jasną lub ciemną nakładkę za logo lub użyj odwróconego blokowania na zaciemnionym obszarze. Unikaj tła o dużej intensywności kolorów i braku wystarczającej separacji. Zobacz Użycie.
Gdzie mogę pobrać pliki z oficjalnym logo?
Użyj Pobrań, aby otworzyć zestaw marek Google Drive (logo SVG i PNG, odniesienia kolorystyczne i szablony). Aby uzyskać dostęp do najnowszych logotypów, użyj Przejdź do biblioteki logo w sekcji Warianty.
Kiedy mogę pokazać Elevale obok logo partnera?
Stosuj współmarkowanie, gdy oba znaki pojawiają się na tym samym materiale marketingowym (stronie, prezentacji, wydarzeniu). Zachowaj jednakową grubość wizualną, odstęp co najmniej 24 px lub separator, i nigdy nie zmieniaj żadnego ze znaków. Zobacz Współmarkowanie. Sprzedawcy oferujący produkt kliencki white-label powinni postępować zgodnie z Sprzedawcami.
Co mogą zrobić resellerzy z marką Elevale?
Sprzedawcy mogą oznaczać doświadczenie klienta białą etykietą (logo, kolor, domena) i promować platformę jako własną ofertę. Nie prezentuj klientom końcowym brandingu Elevale. Pełne wskazówki znajdują się w sekcji Sprzedawcy lub na stronie programu dla sprzedawców.
Jakie zasady obowiązują partnerów afiliacyjnych i partnerów polecających?
Musisz używać oficjalnych zasobów Elevale, zatwierdzonych logotypów, komunikatów zgodnych z marką i linku śledzącego. Nie możesz zmieniać logo, korzystać z usług white label ani prowadzić płatnych kampanii bez uzyskania zgody. Zapoznaj się z regulaminem w sekcji Afilianci oraz warunkami programu w sekcji Poleć znajomego.
Jakich czcionek powinienem użyć?
Coolvetica Condensed do nagłówków i Satoshi do treści i interfejsu użytkownika (grubość 400, 500, 700). Nie należy zastępować czcionkami o podobnej czcionce. Pobierz Coolvetica i Satoshi z Dysku Google lub zapoznaj się z Display i Body.
Z kim mogę się skontaktować w sprawie zatwierdzenia marki?
W przypadku kampanii, gadżetów lub zastosowań nieujętych w tym artykule, prosimy o kontakt z Elevale za pośrednictwem strony kontaktowej przed publikacją. Prosimy o dołączenie makiet i kanałów komunikacji, abyśmy mogli potwierdzić właściwy wariant logo i sposób współtworzenia marki.
Kiedy mogę wykorzystać Otto w marketingu?
Kiedy reprezentuje rozwiązanie: jasność, energię, radość i celowe przewodnictwo, a nie problem, maskotkę czy rekwizyt. Przeczytaj Otto, aby poznać konteksty i zasady zatwierdzania, a następnie skontaktuj się z zespołem ds. marki przed publikacją zewnętrzną.