Faaliyetten ziyade uyum
Yoğun çalışan ekipler, uyumlu çalışan ekiplerle aynı şey değildir.
Biz, ortak yönlendirmeden, bağlantılı OKR'lardan ve yönetim kurulunun görebileceği ilerlemeden bahsediyoruz; sırf meşgul olmak için değil.
Bu ilkeler, ürün kararlarını, pazarlamayı ve liderlik ekipleri karşısındaki duruşumuzu şekillendirir. Dış iletişimde bunlar pazarlık konusu değildir.
Yoğun çalışan ekipler, uyumlu çalışan ekiplerle aynı şey değildir.
Biz, ortak yönlendirmeden, bağlantılı OKR'lardan ve yönetim kurulunun görebileceği ilerlemeden bahsediyoruz; sırf meşgul olmak için değil.
Liderler, karmaşık gösterge panellerine gerek kalmadan neyin önemli olduğunu görebilmelidir.
Parçalanmayı azaltıyoruz: yönlendirme, ölçüm ve uygulama için tek bir komuta merkezi. Dil sade ve özlü kalıyor.
Kararlar, eski veriler yerine güncel verilere dayanmalıdır.
Biz, abartı veya tahmine dayalı yaklaşımlar yerine, liderliğin harekete geçebileceği somut kanıtlar olan KPI'ları, değişiklik kayıtlarını ve temellendirilmiş yapay zeka içgörülerini vurguluyoruz.
Kurumsal düzeyde karmaşıklık olmadan kurumsal düzeyde uygulama.
Yönetim kurulu üyelerine ve operatörlere saygı duyuyoruz: yönetim kurulu titizliği, saha kullanım kolaylığı ve bürokrasiden uzak yönetim anlayışı.
Söylediklerimiz, kime söylediğimiz ve bunu nasıl kanıtladığımız, web sitemizde, ürünlerimizde, satışlarımızda ve iş ortaklarımızla paylaştığımız materyallerde tutarlı olmalıdır.
Elevale, netlik ve yönlendirme isteyen, kaostan uzak iş yöneticileri için yönlendirmeyi OKR'lere, canlı KPI'lere ve ekip uyumuna dönüştüren stratejik uygulama platformudur.
Stratejik uygulama platformu, genel bir proje aracı veya başka bir BI panosu değil. Görevler, OKR'lar ve canlı KPI'ler tek bir sistemde bulunur, böylece yönlendirme, günlük çalışma ve kanıtlar ayrı uygulamalara dağılmak yerine birbirine bağlı kalır.
İşletme yöneticileri, kurucular ve çok lokasyonlu veya büyüyen operasyonları yöneten liderlik ekipleri. Strateji belirlerler, değerlendirmeler yaparlar ve işletmenin sırf yazılım olsun diye değil, tek bir bütün olarak hareket etmesini isterler.
Stratejiyi, liderlik ekibinizin görebileceği ve yönlendirebileceği bir uygulamaya dönüştürün: canlı yönlendirme, ölçülebilir hedefler, canlı ölçümler ve açık interneti değil, işletmenizi okuyan yapay zeka.
İddiaları ürün gerçekliğine dayandırın: Görevlerle bağlantılı OKR'lar, canlı KPI'ler, iş değişikliği kayıtları, çalışma alanı verilerine dayalı Otto ve yöneticilerin tanıdığı sonuçlar (uyum, daha az kör nokta, daha hızlı incelemeler).
Kahramanlar ve iniş bölümlerinde, hikayeyi üç aşamada anlatın: gerilimi adlandıran bir girişle başlayın, Elevale'ın bunu nasıl çözdüğünü gösterin, ardından bir sonraki adıma davet edin. Bu, anlatım sırasıdır, tipografi spesifikasyonu değildir. Başlık, gövde ve düğme stilleri Tipografi ve Kullanıcı Arayüzü Desenleri bölümlerinde yer alır.
Plan üzerinde anlaştınız. Bugünün programı sorulduğunda oda sessizliğe bürünüyor.
Tek bir komuta merkezi, yönlendirmeleri, OKR'ları, canlı KPI'leri ve günlük görevleri birbirine bağlayarak liderlik ekibinizin ilerlemeyi görmesini ve başka bir karmaşık gösterge paneli labirentine girmeden yönlendirme yapmasını sağlar.
14 günlük ücretsiz deneme sürümünüzü başlatın
Değerlerimiz ve mesajımız kağıda döküldüğünde nasıl bir ses tonuyla ifade buluyoruz: kendinden emin, doğrudan ve pratik. Jargon yerine netliğe ihtiyaç duyan yöneticiler için yazılmıştır.
Elevale'ın ne yaptığını ve neden önemli olduğunu sade bir dille açıklayın. Kısa cümleler kullanın. Somut isimler kullanın. Gereksiz sıfatlardan kaçının.
Liderlerin aktif sese ve hayal edebilecekleri sonuçlara öncelik verin: gerçekliği yansıtan değerlendirmeler, ekiplerin sahiplenebileceği hedefler, canlı olarak güncellenen ölçümler.
Gerçek sorunları kabul edin: parçalanmış araçlar, kimsenin takip etmediği slaytlardaki strateji, geçen ayın rakamlarına dayalı değerlendirmeler. Ardından güvenilir bir çözüm yolu gösterin.
Stratejiyi, yönetim kurulunuzun görebileceği bir uygulamaya dönüştürün.
Elevale, yönlendirmelerinizi, OKR'lerinizi ve canlı KPI'lerinizi tek bir komuta merkezinde birleştirir; böylece liderlik, elektronik tabloları uzlaştırmak için daha az zaman harcar ve işi yönetmeye daha fazla zaman ayırır.
Otto bir su samuru: Elevale'ın yapay zekâ stratejik danışmanı ve marka karakteri. O bir insan sözcüsü değil. Her zaman bir sorunu değil, bir çözümü temsil etmeli ve amaç doğrultusunda netlik, enerji ve neşe getirmelidir.
Netlik, enerji ve neşe; asla bir maskot, asla bir aksesuar değil.
O, yapay zekâ destekli Stratejik Danışmanımızın karakter yüzüdür: gerçekçi tavsiyeleri ulaşılabilir kılan bir su samuru. Stratejik yönünüze, OKR'lere, KPI'lere, wiki'ye ve piyasa bağlamına bağlı bir düşünce ortağıdır. Her görünümü, ilerlemenin yolunu göstermelidir: daha net bir özet, çözülmüş bir engel, içgörüden eyleme doğru ivme, Elevale'dan önceki karmaşa değil.
Otto, platform içindeki Yapay Zeka Stratejik Danışmanıdır: sesli ve yazılı sohbet, canlı KPI ve OKR'lara satır içi referanslar ve içgörüleri güncellenmiş yönlendirme, hedefler ve görevlere dönüştürmede yardımcı olur. Büyük ve küçük sorular için başvurulacak danışmandır: işlevsel, gerçekçi ve her zaman çalışma alanı verilerine bağlıdır.
Web sitesinde ve iletişim kanallarında Otto, bir çözüm sunabildiği zaman ortaya çıkıyor: komuta merkezini tanıtırken, netliğin nasıl sağlandığını gösterirken veya işletmeyi anlayan yapay zekayı işaret ederken. Sayfanın kenarındaki bir maskot değil. Boş bir abartının yanında duran bir aksesuar değil. Önce amaç.
Kampanyalarda Otto, stratejik netliği, uygulamayı ve gerçek iş deneyimine dayalı yapay zekayı destekler; asla mizahi unsurlar veya sorunun kişileştirilmesi söz konusu değildir. Yönün ortaya çıkışını, kararların engellerinin kaldırılmasını veya liderliğin başka bir kontrol paneline ihtiyaç duymadan cevaplar bulmasını gösterir. Yalnızca onaylanmış görseller kullanılır.
Onay için ekiple iletişime geçin. Otto'nun şirket içi sunumlarda, dış reklamlarda, sosyal medyada veya iş ortağı materyallerinde kullanımı, yayınlanmadan önce marka onayı gerektirir.
Logo tasarımı, varsayılan Elevale logosudur: logo işareti ve kelime işareti tek bir dosyada. Slogan ise ayrı bir pazarlama metnidir. Sitede sık sık kullanıyoruz, ancak logo tasarımının bir parçası değildir.
Bu isimleri brifinglerde, sunumlarda ve marka kitinde tutarlı bir şekilde kullanın. Elevale logosu dediğimizde, açıkça yalnızca logo işaretini istemediğimiz sürece, logo tasarımının tamamını kastediyoruz.
Asla Ölmeyen Strateji
Bir kahramanın tipik yerleşimi
Genellikle ana başlığın üstünde görünür. Marka özel bir logo tasarımını onaylamadığı sürece, dışa aktarılan logo dosyalarına dahil etmeyin.
Logo, birbirine geçmeli ve iç içe geçmiş iki kareden oluşuyor. Bunlar, bir araya gelmeyi seçmiş ayrı modüller gibi görünüyor: strateji ve uygulama arasında, liderliğin söyledikleri ile işletmenin gösterebildikleri arasında bir boşluk varken, şimdi bilinçli bir dokunuş var. Bir bulanıklık değil. Bir devralma değil. Görebileceğiniz bir bağlantı.
Çakışma noktası önemli olan yerdir. Bu ortak kenar, Elevale'ın bulunduğu yerdir.
Bir köşede elektronik tablolar, diğer köşede OKR'lar, geçen ayki ihracatlara dayalı incelemeler. Logo işareti ise bu gidişatın tam tersi: işletmenin kamuoyu önünde kendiyle çelişmesini engellemek için birbirine kayan iki düzlem.
Ortak köşe bir dekorasyon değil. Burası, özetin, ölçütlerin ve ekip çalışmasının buluşması gereken nokta. Elevale bu örtüşmenin ürünü: yönlendirme, ölçüm ve takip için tek bir yüzey.
Bu sapma, çarpışma olmadan ileriye doğru hareketi gösterir. Strateji operasyonları ezmez; veriler insanları gömmez. Kareler, sonunda aynı yöne doğru ilerleyen öncelikler gibi birlikte ilerler.
Elevale, bu kavşaktan yükselişini alır. Hizalama, duvardaki bir poster değildir; niyet ve kanıtın aynı kenarı paylaştığı an sayesinde organizasyonun gürültünün üstüne çıktığı andır. Logo işareti küçüktür. Fikir ise büyük.
Pembe ve morun her birinin markada bir görevi var. Pembe sıcaktır: yön, ivme ve karar verme dürtüsü. Mor soğuktur: kanıt, yapı ve yönlendirebileceğiniz ispat. Onları kendi karelerinde tutun; yalnızca niyetin kanıtla buluştuğu noktada kenarı paylaşırlar. HEX, RGB ve UI kuralları Temel renkler bölümündedir.
Pembe
Yön ve ivme
Enerjik ve canlı bir sıcak macenta rengi. Logoda öne çıkıyor: Göz ilk önce ona ulaşıyor, tıpkı liderliğin bir sonraki önemli noktayı belirlemesi gerektiği gibi.
Represents Önce niyet, sonra kanıt: işletmenin nereye gittiği, nelere öncelik verileceği ve harekete geçmek için gereken enerji.
Logo tasarımında pembe, hikayenin başrolünü üstleniyor. Ürün arayüzünde ise eylem katmanını temsil ediyor: birincil düğmeler, öncelikli durumlar ve net bir karar verilmesi gereken anlar.
Mor
Kanıt ve yapı
Derinliğe sahip, sakin bir mavi-mor tonu. Pembenin sıcaklığından biraz daha geride duruyor ve istikrarlı, güvenilir bir tonda ölçü, yapı ve kanıt taşıyor.
Represents İşletmenin gösterebileceği şeyler: canlı KPI'lar, bağlantılı çalışma, yapı ve liderliğin güvenebileceği veriye dayalı yönlendirme.
Logo tasarımında mor renk, pembenin başlattığı işi tamamlıyor. Ürün arayüzünde ise ölçümleri, gezinme vurgusunu ve dekorasyondan ziyade netliğin önemli olduğu yüzeyleri temsil ediyor.
Logo üzerindeki pembe köşe modülünün yüksekliğine eşit (standart logo boyutunda 20 piksel) bir boşluğu, logo tasarımının her tarafında, logonun her iki yanında da bırakın.
x = logo işaretindeki pembe köşe modülünün yüksekliği (standart logo boyutunda 20 piksel). Logonun dört tarafında da en az bir x boşluk bırakın.
Onaylanmış görsel dosyaları ve yalnızca logo içeren dosyaları indirin. Pazarlama için görsel dosyayı kullanın; logoyu tek başına yalnızca alanın kısıtlı olduğu ve markanın zaten tanındığı durumlarda kullanın.
Faviconlar, uygulama simgeleri, avatarlar ve kompakt kullanıcı arayüzü için. Uygulama döşeme dosyaları renkli arka planı içerir; kırpmayın veya yeniden renklendirmeyin.
Açık renkli arka planlarda tam renkli logoyu, koyu renkli arka planlarda ise logoyu kullanın. Fotoğraflarda veya yoğun desenli yüzeylerde, logonun okunabilirliğini korumak için düz bir katman ekleyin veya ters logoya geçin.
Germeyin veya şeklini bozmayın.
Kenar çizgisi eklemeyin.
Kilidi döndürmeyin.
Kontrast içermeyen, yoğun arka planlara yerleştirmeyin.
Lütfen yeterli alanı temiz tutun.
Pembe ve mor birbirinin yerine değil, birlikte çalışır. Pembe, gözü yön ve eyleme çeker; mor ise altında yatan operasyonel gerçeği barındırır. Nötr renkler, ürün arayüzünde ve uzun metinlerde ağır işleri üstlenir.
İvme veya birincil eylem göstermek istediğinizde pembe rengi kullanın. Veriler aracılığıyla yapı, ölçümler veya güven gösterirken mor rengi kullanın. Pembe-mor geçişi yalnızca kahramanlar ve premium bantlar içindir. Geçişler bölümüne bakın.
Markanın rengi olan pembe. Yönlendirme, harekete geçirici mesajlar (CTA'lar) ve logodaki önde gelen kare. Renk tonunu veya doygunluğunu değiştirmeyin.
#E20F7A rgb(226 15 122) --pink
Marka moru. Kanıt olarak, ürün kullanıcı arayüzü yapısı ve logo işaretinin sonundaki kare gösterilebilir. Renk tonunu veya doygunluğunu değiştirmeyin.
#5270F5 rgb(82 112 245) --purple
#FCE4F1 rgb(252 228 241) --pink-light
#EEF0FE rgb(238 240 254) --purple-light
#111318 rgb(17 19 24) --dark
#0A0A0A rgb(10 10 10) --black
#FFFFFF rgb(255 255 255) --white
#F9FAFB rgb(249 250 251) --off-white
Gradyanlar pembeyi mora karıştırır: logo tasarımının aynı hikayesi, kesintisiz bir şekilde anlatılıyor. Bunları ana başlıklar, harekete geçirici mesajlar ve premium pazarlama bantlarında az miktarda kullanın, asla gövde metninin arkasında kullanmayın.
Başlıklar, kahraman başlıkları ve bölüm etiketleri. Pazarlama amaçlı metinlerde cümle büyük harf kullanımını tercih edin; kısa etiketler dışında tamamen büyük harflerden kaçının.
Stratejik uygulama, net bir şekilde ortaya kondu.
Ana metin, kullanıcı arayüzü etiketleri ve destekleyici metin. 400, 500 ve 700 ağırlıkları onaylandı.
Yönlendirme, KPI'ler, OKR'lar ve ekip uyumu için tek bir platform.
Fotoğraflar, ürün arayüzü, diyagramlar ve pazarlama grafikleriyle birlikte kullanılır. Kampanya kahramanlarında, arayüz taslaklarında, iş yeri ve ekip anlarında ve uygulama ekranlarındaki küçük avatarlarda (zaman çizelgeleri, organizasyon şemaları, görevlendirme çipleri) kullanıyoruz. Her görsel, net metin, marka rengi ve bağlam ile strateji ve uygulamayı desteklemelidir.
Prodüksiyon fotoğrafçılığı; kampanya kareleri, UI prototipleri, iş yeri çekimleri, ekip portreleri ve UI avatarları gibi çeşitli alanları kapsar. Her türün kendine özgü boyutlandırma ve tedarik kuralları aşağıdaki kartlarda yer almaktadır; ayrıca gönderilmemesi gerekenlerin kısa bir listesi de bulunmaktadır.
Bir kişiyi veya onaylanmış marka karakterini, ön planda gradyan veya renk şeridi, başlık ve ürün arayüzü bulunan, düzenlenmiş bir sahneyle eşleştirin. Sıcaklık ve güvenilirlik insani taraftan gelir; kanıt ise arayüzden gelir. Okunabilirlik güçlü kaldığında, kesikler şeridin üzerine kadar uzanabilir.
Stilize edilmiş kullanıcı arayüzü grafikleri ve kurgulanmış sahneler oluşturun, marka adı taşıyan donanımların fotoğraflarını kullanmayın (iPhone, MacBook veya diğer markalı cihazların çerçevelerini kullanmayın). Ürünler yenilendiğinde görsellerin güncelliğini yitirmemesi için nötr ekran şekilleri, katmanlı kartlar veya soyut çerçeveler kullanın. Hikayeye yardımcı oluyorsa, fotoğrafları kullanıcı arayüzüyle birleştirin; metin ve kartların okunabilirliğini koruyun. Tam çözünürlükte kaynak kullanın; düşük çözünürlüklü kırpılmış görselleri germeyin.
Hakkımızda sayfaları, kültür bölümleri, kariyer ve editoryal bloklar için gerçek ofisleri, atölyeleri ve çalışma anlarını gösterin. Jenerik hazır ofisler yerine doğal ışığı, otantik mekanları ve çeşitli ekipleri tercih edin. Metin resmin üzerine yerleştirildiğinde düz veya degrade bir kaplama ekleyin.
Liderlik, sosyal kanıt ve ortaklık içerikleri için samimi portreler ve küçük gruplar kullanın. Kıyafet seçiminde nötr veya marka kimliğine uygun davranın. Çekim bir kampanyayı destekliyorsa, ürün arayüzü veya başlıklarla birlikte kompozisyon oluşturun; bağımsız bir vesikalık fotoğraf olarak kullanmayın.
Zaman çizelgelerinde, organizasyon şemalarında, görevlendirme belgelerinde ve sosyal kanıt satırlarında avatar boyutunda (yaklaşık 24-40 piksel) kırpılmış portreler kullanın. Yalnızca marka kitinden onaylanmış avatar kırpmalarını bu boyutta kullanın. Kahramanlar veya kampanya grupları için avatar dosyalarını asla büyütmeyin.
Rastgele seçilmiş portre fotoğrafları, el sıkışma fotoğrafları, ürün veya mesaj bağlamı olmayan tam sayfa kahraman fotoğrafları veya tanınabilir tüketici cihazlarına kilitlenmiş maketler. Fotoğraflar platformu açıklamalı, gerçek çalışmaları göstermeli veya başlığı desteklemelidir. Bunlardan hiçbirini yapmıyorsa, bunun yerine grafik veya kullanıcı arayüzü tercih edin.
Lansman ve kampanya tasarımları, gerçek bir kişiyi veya marka karakterini, cesur bir marka arka planı üzerinde bir ürün kullanıcı arayüzü kartıyla eşleştirir. Başlık vaadi taşır, kullanıcı arayüzü kartı kanıtı sunar ve ayaklar bandın alt kısmına sabitlendiğinde fotoğraf üst kenardan taşabilir.
Örnek kompozisyon. Yüksek çözünürlüklü, lisanslı fotoğraflar veya onaylı marka görsellerini tam kampanya boyutunda kullanın.
Yalnızca prototipler ve ürün arayüzü için onaylanmış kırpma işlemleri. Aşağıdaki boyutta görüntüleyin. Kampanyalar, iş yeri veya ekip görselleri için tam çözünürlükte ayrı fotoğraflar temin edin.
Kampanya, prototip, iş yeri ve ekip fotoğrafları dışa aktarılmadan önce uzun kenarda en az 1200 piksel olmalıdır. Web için WebP veya AVIF formatında teslim edin. Avatar kiti dosyaları orijinal küçük boyutlarında kalmalıdır. Fotoğrafları ortak logolar veya ortak markalama ile birleştirirken marka incelemesi talep edin.
Web sitesinin tamamında, özellik sayfalarında ve kampanyalarda UI tarzı kartlar, yumuşak katmanlar ve ölçülü marka renkleri kullanıyoruz. Amaç, sırf süsleme olsun diye değil, derinlik ve netlik sağlamaktır.
Her kahraman veya bölüm için tek bir ana görsel yeterlidir. Metin, boşluk ve tek bir üst üste dizilmiş kart grubu hikayeyi taşısın. Her şey bağırırsa, hiçbir şey etkili olmaz.
Nötr renkler (beyaz, krem rengi, koyu metin) düzeni oluşturur. Pembe ve mor vurgu olarak kullanılır: kartların üst kenarları, grafik çizgileri, rozetler ve koyu bölümlerdeki degrade şeritler. Yoğun kullanıcı arayüzünün arkasında geniş alanları tam marka degradeleriyle doldurmayın.
Üst üste binen, hafifçe döndürülmüş ve yumuşak gölgeli iki veya en fazla üç kart kullanın. Hikaye basit olduğunda iki kart yeterlidir; üçüncü kartı yalnızca bağlam eklediğinde ekleyin. Ön kart mesajı taşır; arka kartlar destekleyici ayrıntıları önerir.
Grafikleri örnek panellerin içine veya sakin arka planlara yerleştirin. Fotoğraflarda veya koyu bantlarda, yazı ve kartların okunabilir kalması için düz veya degrade bir kaplama ekleyin. Kartlar arka planın üzerinde durur; onunla rekabet etmezler.
En fazla üç kart içeren örnek: Her katmanda bir başlık ve bir kullanıcı arayüzü ipucu bulunur. Ön kartta başlık yer alır; arka kartlar daha açık renklidir ancak yine de okunabilir. Yeterli olduğunda iki kart kullanın.
Yüksek sesli renk geçişlerinden, birbiriyle yarışan şekillerden ve eşit ağırlıktaki bloklardan oluşan düz ızgaralar. Karmaşık bir görüntü oluşturuyor ve ürün hikayesini zayıflatıyor.
Ekran görüntülerindeki ve pazarlama grafiklerindeki gerçek Elevale uygulama ekranlarından ve kullanıcı arayüzü kalıplarından başlayın. Değeri daha net hale getirdiğinde basitleştirebilir, kırpabilir veya ikincil kontrolleri kaldırabilirsiniz. Sakin nötr renkler, kullanıcı arayüzü metinleri için Satoshi rengi ve yalnızca ürünün durumunu, grafiklerini ve eylemlerini vurguladığı yerlerde pembe veya mor renkleri kullanın.
Orijinal Elevale düzenleri, yazı tipleri ve bileşenlerinden yola çıkarak tasarım yapın. Pazarlama amacıyla arayüzü küçültmek sorun değil: yan panelleri kaldırın, gezinme çubuğunu kısaltın veya mesajı desteklemeyen özellikleri gizleyin. Amaç, ekranda her kontrolü göstermek değil, önemli olanı açıklamaktır. Arayüzü rastgele tarayıcı pencerelerine yapıştırmayın veya genel bir kontrol paneli şablonunu marka kimliğinize uygun görünmesi için yeniden renklendirmeyin.
Arka planlar beyaz veya krem rengi kalır. Pembe ve mor renkler, uygulama içindeki aktif gezinme öğelerinde, ilerleme çubuğunda, grafik serilerinde, rozetlerde ve birincil düğmelerde görünür. Canlı arayüzde bulunmayan gradyanlarla ekran görüntüsünü aşırı doldurmayın.
Açıkladığınız iş akışının çerçevesini daraltın: yönlendirme, OKR'lar, KPI'ler veya gösterge panelleri. Boş alanları, ilgisiz modülleri ve kullanıcı arayüzü karmaşasını kaldırın, böylece izleyici tüm ürünü bir kerede değil, tek bir net sonucu görsün.
Belgesel tarzındaki tam ekran görüntüleri, vaka çalışmaları, dokümanlar ve satış sunumları için uygundur. Web sitesi ana görselleri için, uygulamanın tamamını göstermeden derinlik gerektiğinde, basitleştirilmiş kırpılmış görselleri veya Pazarlama grafikleri bölümündeki katmanlı kart grafiklerini tercih edin.
Ürün ve pazarlama kullanıcı arayüzleri, tasarım sisteminden gelen yarıçapları, gölgeleri ve düğme tasarımlarını paylaşır.
Her görünüm için birincil bir işlem kullanın. Açık renkli pazarlama yüzeylerinde, bunu metin içeren ikincil bir işlem veya çerçeveli bir düğme ile eşleştirin. Hayalet düğmeleri yalnızca koyu arka planlar için saklayın.
Elevale, pazarlama sayfalarında, özellik bölümlerinde ve kullanıcı arayüzü taslaklarında Lucide çerçeveli simgeler kullanır. Tek bir simge ailesi, tek bir çizgi kalınlığı ve küçük bir boyut ölçeği, gezinme ve kartların taranabilir olmasını sağlar.
16, 20 ve 24 piksel boyutlarına sadık kalın. Pazarlama amaçlı tanıtım kartlarında vurgu için 28 piksel kullanılabilir; ancak tek seferlik boyutlar icat etmeyin.
Pazarlama sitesinde kayıtlı her Lucide adı. Arama yapın, ardından tasarım aktarımı için adı kopyalayın veya Astro ve Webflow blokları için hazır kod parçacıklarını alın.
aria-hidden="true" kullanın; yanındaki metin anlam taşır.Elevale, pazarlama sitesi ve ürün genelinde hareket kullanıyor: ortam ana görsel hareketi, kaydırma sırasında ortaya çıkan görseller, fareyle üzerine gelindiğinde beliren durumlar, kademeli kartlar ve sıcaklık ve mizah katan GIF'ler. Hareket, dikkati yönlendirmeli ve netliği pekiştirmeli, asla mesajla rekabet etmemelidir.
Her animasyon bir soruyu yanıtlar: Ne değişti, bundan sonra ne önemli veya ne başarılı oldu? Eğer hareket birinin taramasına, anlamasına veya kutlamasına yardımcı olmuyorsa, onu kaldırın.
Her görüntü alanı için tek bir odak hareketi. Döngüsel karmaşadan, sırf paralaks olsun diye kullanılan efektlerden veya aynı anda birden fazla öğenin zıplamasından kaçının. Pazarlama grafikleri zaten derinlik kullanıyor; hareket, bu yığını aşırı yüklememeli.
Girişler için ease-out, geçişler için ise ease-in-out kullanın. Çoğu kullanıcı arayüzü geçişi 200ms ile 400ms arasındadır; ana ortam daha uzun sürebilir ancak yine de belirgin olmaz.
Dekoratif döngüleri ve kaymaları prefers-reduced-motion: no-preference içine alın. Temel durum değişiklikleri (menüleri açma, odaklanma) kullanıcılar azaltılmış hareket talep ettiğinde yine de hafifçe animasyonlu olabilir veya anında yakalanabilir.
Bu desenler elevale.com ve öne çıkan sayfaların tamamında görünmektedir. Siteyi veya iş ortağı materyallerini genişletirken bunlara uyun.
Elevale uygulamasında Otto ile sesli konuşurken yumuşak, parlayan bir küre belirir. Bu küre, oturumun canlı olduğunu gösterir ve sese tepki verir; konuşma metni ve Otto'nun cevabı ise asıl mesajı içerir.
Üründe, küre ekranda canlı olarak çizilir (video dosyası veya statik bir görüntü değil). Ses modu için ana görseldir: hareketsizken sakin, biri konuşurken daha aktif ve Otto konuşurken daha sıcak bir görünüme sahiptir. Bir logo, grafik veya çubuklu spektrum analizörü değildir.
Aynı küre bileşeni, aynı ses oturumu tarafından yönlendirilen iki farklı düzende kullanılıyor:
Ses ekranının ortasında büyük bir küre (yaklaşık 320 piksel) bulunur. Küreye dokunmak, Otto konuşurken onu durdurabilir.
Küçültülmüş ses çipinde küçük bir küre (yaklaşık 92 piksel). Dokunmak sohbet görünümüne geri döner; sessize alma ve sonlandırma kontrolleri kürenin üzerinde yer alır.
Hareketler rastgele animasyonlardan ziyade oturumdaki gerçek ses kayıtlarını takip eder:
Küreyi sert bir 3 boyutlu top veya dalga formu ekranı olarak değil, katmanlı yumuşak ışık olarak düşünün:
elevale.com'daki özellik sayfaları, statik taslaklar için bu görünümün basitleştirilmiş bir CSS sürümünü kullanır. Canlı uygulama küresi daha zengindir ve gerçek mikrofon ve oynatma sesine bağlıdır.
Pastel pembe ve lavanta tonları, marka ana renklerinden beyaza doğru karışarak parıldıyor. Gökkuşağı geçişleri, düz dolgular veya keskin kenarlar yok. Soluk hal yalnızca arduvaz rengi nötr tonlar kullanılarak oluşturulmuştur.
Otto'nun karakteri ve tonu onun içinde yaşıyor. Otto.
Tipik yumuşatma efektlerini ve sürelerini görmek için kartın ve düğmenin üzerine fareyle gelin.
GIF'ler, Elevale'ın kurumsal bir broşür değil, gerçek insanlar gibi hissetmesini sağlıyor: ürünlerdeki kutlamalar, sohbetlerdeki tepkiler ve pazarlamada ara sıra karşımıza çıkan komik döngüler. Anın sıcaklığı veya bir gülümsemeyi hak ettiği anlarda kullanın; yine de nazik ve marka kimliğinize uygun olun, ancak asla "ciddi" görünmek adına yapmacık olmayın.
Onaylanmış kutlama ve tepki GIF'leri site varlıkları ve marka kitiyle birlikte gönderilir. Eklemeler için marka ekibiyle iletişime geçin. Hala belirgin bir şekilde Elevale havası taşıyan eğlenceli döngülere açığız.
Onaylı GIF kütüphanesi, neşeli veya kutlama havasında, mesajı destekleyen, makul dosya boyutunda.
Tartışmalı, politik, saldırgan veya konuyla ilgisiz meme kültürü. Şok edici, kanlı veya kışkırtıcı içerik yok.
Ortak veya yönlendirme ortağı olarak, Elevale'ı resmi adımızı ve görünümümüzü kullanarak kitlenize tanıtırsınız. Elevale'ın Elevale olarak tanınabilir olmasını sağlayın (kendi markanızın beyaz etiketli bir teklifi olmasın). Bu merkezden onaylanmış varlıkları kullanın ve ücretli veya yüksek görünürlüklü kampanyalardan önce yazılı marka onayı alın.
Bayilerin aksine, ortaklık programı üyeleri kendi markalarıyla satış yapmazlar. Kendi markanız altında satış yapmanız gerekiyorsa, Bayiler bölümünü okuyun. Yalnızca Elevale'ı ağınızla paylaşıyorsanız, bu bölüm geçerlidir.
Marka merkezinden ve araç gereçlerinden yararlanın. Emin değilseniz, doğaçlama yapmak yerine daha az öğe kullanın.
Elevale belirgin, onaylanmış renkler, yönlendirme bağlantınıza net bir CTA ve dürüst açıklama.
Logo renginin değiştirilmesi, ürün adının uydurulması veya Elevale promosyonunda markamızın yerine kendi markanızın kullanılması.
Müşteri yönlendirme programına katılanlar, Elevale'dan herhangi bir şekilde bahsedildiğinde bu bölümü takip etmelidir. Program kuralları ve komisyonlar yönlendirme programı sayfasında yer almaktadır.
Elevale, ortaklık erişimini durdurabilir veya sonlandırabilir, komisyonları kesebilir veya uyumsuz varlıkların kaldırılmasını isteyebilir. Tekrarlanan veya ciddi kötüye kullanım, ilişkinin sona ermesine neden olabilir.
Onaylı bayiler Elevale'ı kendi ürünleri olarak kullanırlar. Beyaz etiketleme özelliği entegre edilmiştir: her müşteri çalışma alanında logonuz, ana renginiz ve alan adınız yer alır ve müşteri deneyiminde Elevale markalaması minimum düzeydedir. Siz ön planda kalırsınız; biz platformu arka planda destekleriz.
Bayi programı, Elevale'ı önde gelen marka olarak tanıtmak için değil, müşteri ilişkileriniz ve pazarlama stratejileriniz için tasarlanmıştır.
Müşteriler markanızı yalnızca çalışma alanı içinde görürler. Pazarlama ve satışlarınızda, platformu kendi adınız ve görünümünüz altında, ürününüz ve metodolojiniz olarak sunun.
Beyaz etiketli bayiler Elevale iştiraki olarak satış yapmazlar. Markamızla ortak marka kullanımı, yalnızca her iki ismin de tek bir varlıkta görünmesi gereken nadir durumlarda geçerlidir. Bu durum geçerliyse Ortak Marka Kullanımı bölümüne bakın; aksi takdirde Elevale'ı müşteriyle doğrudan etkileşimde bulunan ve pazarlama stratejilerinde yer alan görsellerden uzak tutun.
İş ortağı konsolunda günlük beyaz etiket yapılandırması için onay gerekmez. Elevale adını içeren, Otto kullanan veya markanız ile bizim markamız arasındaki çizgiyi bulanıklaştıran harici kampanyalar öncesinde Elevale ile iletişime geçin.
Bayi programı Marka ile ilgili sorularınız için iletişime geçin.
Hem Elevale hem de bir iş ortağı markası aynı içerikte (web sitesi ana sayfası, slayt, etkinlik afişi) göründüğünde, ortak markalama kurallarını kullanın. Yalnızca Elevale'ı tanıtan bağlı kuruluşlar Bağlı Kuruluşlar bölümünü izlemelidir. Bayi beyaz etiket uygulaması ayrıdır: Bayiler.
Ortak marka klasörümüzden logoları, renk referanslarını ve şablonları indirin.
Bu kılavuzlarda kullanılan terimlerin kısa tanımları.
Elevale markasını pazarlama, ürün ve iş ortağı materyallerinde uygulama hakkında hızlı yanıtlar.
Beyaz veya krem rengi arka planlarda tam renkli logo kullanın. Koyu renkli arka planlarda koyu zemin üzerine logo kullanın (renkli logo, beyaz kelime logosu). Koyu uygulama arayüzü veya düşük kontrastlı alanlar için ters logo kullanın (tamamen beyaz). Varyantlar ve Kullanım bölümlerine bakın.
Yalnızca alan çok sınırlı olduğunda ve marka zaten tanınıyorsa: favicon'lar, kompakt uygulama simgeleri veya yerleşik ürün içi navigasyon kullanın. Slaytlar, reklamlar ve belgeler için tam logoyu kullanın. Bkz. Varyantlar.
Hayır. Renkleri değiştirmeyin, efekt eklemeyin, döndürmeyin veya logoyu uzatmayın. Resmi düzenlemek yerine marka kiti veya logo kütüphanesinden onaylı bir dosya kullanın.
Her tarafta en az bir x boşluk bırakın; burada x, logo işaretindeki pembe köşe modülünün yüksekliğidir (standart kilitlenme boyutunda 20 piksel). Anatomi ve sözlük bölümlerine bakın.
Evet, kontrast yeterince güçlü ise. Logonun arkasına açık veya koyu bir katman ekleyin veya koyu bir alanda ters çevrilmiş logoyu kullanın. Yeterli ayrım olmayan karmaşık arka planlardan kaçının. Bkz. Kullanım.
Google Drive marka kitini (SVG ve PNG logoları, renk referansları ve şablonlar) açmak için İndirmeler bağlantısını kullanın. Yalnızca en yeni logo tasarımları için, Varyantlar bölümündeki Logo kütüphanesine git bağlantısını kullanın.
İki marka da aynı pazarlama materyalinde (site, sunum, etkinlik) göründüğünde ortak markalama kullanın. Görsel ağırlığı eşit tutun, en az 24 piksel boşluk veya ayırıcı kullanın ve hiçbir zaman markalardan hiçbirini değiştirmeyin. Bkz. Ortak Markalama. Beyaz etiketli müşteri ürünü sunan bayiler bunun yerine Bayiler bölümünü izlemelidir.
Bayiler, müşteri deneyimini (logo, renk, alan adı) kendi markalarıyla özelleştirip platformu kendi teklifleri olarak pazarlayabilirler. Son kullanıcılara Elevale markasını göstermeyin. Ayrıntılı kılavuz Bayiler sayfasında veya bayi programı sayfasında bulunmaktadır.
Resmi Elevale varlıklarını, onaylanmış logo tasarımlarını, marka kimliğine uygun mesajları ve takip bağlantınızı kullanmalısınız. Logoyu değiştirmemeli, beyaz etiketleme yapmamalı veya onay almadan ücretli kampanyalar yürütmemelisiniz. Şirket kurallarını Ortaklar bölümünde ve program şartlarını Arkadaşını Davet Et bölümünde inceleyebilirsiniz.
Başlıklar için Coolvetica Condensed ve metin gövdesi ve kullanıcı arayüzü için Satoshi yazı tipini kullanın (ağırlıklar 400, 500, 700). Benzer yazı tipleriyle değiştirmeyin. Coolvetica ve Satoshi dosyalarını Google Drive'dan indirin veya Ekran Görüntüsü ve Gövde dosyalarına bakın.
Burada belirtilmeyen kampanyalar, ürünler veya kullanımlar için, yayınlamadan önce iletişim sayfası aracılığıyla Elevale ile iletişime geçin. Doğru logo varyantını ve ortak marka uygulamasını onaylayabilmemiz için örnek tasarımları ve amaçlanan kanalları ekleyin.
O bir çözümü temsil ettiğinde: netlik, enerji, neşe ve amaçlı rehberlik; bir sorunu, maskotu veya aksesuarı değil. Bağlamlar ve onay kuralları için Otto sayfasını okuyun, ardından harici yayınlamadan önce marka ekibiyle iletişime geçin.