Keselarasan di atas aktivitas
Tim yang sibuk tidak sama dengan tim yang selaras.
Kita berbicara tentang arah bersama, OKR yang saling terkait, dan kemajuan yang dapat dilihat oleh dewan, bukan kesibukan demi kesibukan itu sendiri.
Nilai merek
Prinsip-prinsip ini membentuk keputusan produk, pemasaran, dan bagaimana kita bersikap di hadapan tim kepemimpinan. Prinsip-prinsip ini tidak dapat ditawar dalam komunikasi eksternal.
Kejernihan di atas kebisingan
Para pemimpin seharusnya dapat melihat apa yang penting tanpa harus berurusan dengan labirin dasbor lainnya.
Kami mengurangi fragmentasi: satu pusat komando untuk arahan, metrik, dan eksekusi. Bahasa tetap sederhana dan spesifik.
Bukti lebih penting daripada opini.
Keputusan harus didasarkan pada data terkini, bukan data ekspor yang sudah usang.
Kami menekankan KPI, catatan perubahan, dan wawasan AI yang berbasis bukti, bukti yang dapat ditindaklanjuti oleh kepemimpinan, bukan sekadar sensasi atau tebakan.
Dibangun untuk kepemimpinan
Eksekusi tingkat perusahaan tanpa kerumitan tingkat perusahaan.
Kami menghargai para direktur dan operator: ketelitian di ruang rapat, kemudahan penggunaan di lini depan, dan tata kelola tanpa birokrasi.
Pesan
Apa yang kita katakan, kepada siapa kita mengatakannya, dan bagaimana kita membuktikannya, konsisten di seluruh materi web, produk, penjualan, dan mitra.
Elevale adalah platform eksekusi strategis yang mengubah arahan menjadi OKR, KPI yang berjalan secara langsung, dan penyelarasan tim, untuk para direktur bisnis yang menginginkan kejelasan dan arahan, bukan kekacauan.
Kategori
Platform eksekusi strategis, bukan alat proyek generik atau dasbor BI lainnya. Tugas, OKR, dan KPI yang sedang berjalan berada dalam satu sistem sehingga arahan, pekerjaan sehari-hari, dan bukti tetap terhubung, tidak tersebar di berbagai aplikasi terpisah.
Hadirin
Para direktur bisnis, pendiri, dan tim kepemimpinan yang menjalankan operasi multi-lokasi atau yang sedang berkembang. Mereka menetapkan strategi, menjalankan evaluasi, dan membutuhkan bisnis untuk bergerak sebagai satu kesatuan, bukan sekadar menambah perangkat lunak tanpa tujuan.
Janji
Ubah strategi menjadi eksekusi yang dapat dilihat dan diarahkan oleh tim kepemimpinan Anda: arahan yang jelas, tujuan yang terukur, metrik langsung, dan AI yang memahami bisnis Anda, bukan internet terbuka.
Bukti
Klaim yang didasarkan pada realitas produk: OKR terkait dengan tugas, KPI langsung, catatan perubahan bisnis, Otto yang didasarkan pada data ruang kerja, dan hasil yang diakui oleh para direktur (keselarasan, lebih sedikit titik buta, tinjauan yang lebih cepat).
Alur pesan
Pada bagian hero dan landing page, ceritakan kisah dalam tiga tahapan: buka dengan pengait yang menyebutkan ketegangan, tunjukkan bagaimana Elevale menyelesaikannya, lalu ajak langkah selanjutnya. Ini adalah urutan naratif, bukan spesifikasi tipografi. Gaya judul, isi, dan tombol terdapat di Tipografi dan Pola UI.
-
Anda menyetujui rencana tersebut. Tanyakan apa yang akan terjadi hari ini dan ruangan menjadi hening.
-
Satu pusat komando menghubungkan arahan, OKR, KPI langsung, dan tugas sehari-hari sehingga tim kepemimpinan Anda dapat melihat kemajuan dan mengarahkan tanpa perlu lagi berurusan dengan berbagai dasbor yang rumit.
-
Mulailah uji coba gratis 14 hari Anda
Bahasa pesan
- Penggunaan: pusat komando, pelaksanaan strategis, arahan, penyelarasan, KPI langsung, bukti, tim kepemimpinan
- Hindari: keajaiban serba guna, mengganggu, AI revolusioner, terbaik di kelasnya, sinergi
Nada suara
Beginilah kesan kami ketika nilai-nilai dan pesan tersampaikan melalui tulisan: percaya diri, lugas, dan praktis. Ditulis untuk para sutradara yang membutuhkan kejelasan, bukan jargon.
Jernih
Jelaskan apa yang dilakukan Elevale dan mengapa itu penting dalam bahasa yang sederhana. Kalimat pendek. Kata benda konkret. Tanpa kata sifat pengisi.
Penentu
Utamakan penggunaan bahasa aktif dan hasil yang dapat dibayangkan oleh para pemimpin: tinjauan yang mencerminkan realitas, tujuan yang dapat dimiliki oleh tim, dan metrik yang diperbarui secara langsung.
Manusia
Akui kesulitan yang nyata: alat yang terfragmentasi, strategi dalam slide yang tidak diikuti siapa pun, ulasan yang didasarkan pada angka bulan lalu. Kemudian tunjukkan jalan keluar yang kredibel.
Sampel yang sesuai dengan merek.
Ubah strategi menjadi eksekusi yang dapat dilihat oleh dewan direksi Anda.
Elevale menghubungkan arahan Anda, OKR, dan KPI yang sedang berjalan dalam satu pusat komando, sehingga kepemimpinan menghabiskan lebih sedikit waktu untuk merekonsiliasi spreadsheet dan lebih banyak waktu untuk mengarahkan bisnis.
Pilihan kata
- Penggunaan: kejelasan, pelaksanaan, arahan, keselarasan, bukti, berlandaskan fakta, kepemimpinan
- Hindari: sinergi, mengganggu, revolusioner, terbaik di kelasnya, memanfaatkan (sebagai kata kerja), menggunakan
Melalui saluran
- Situs pemasaran: berfokus pada judul, berorientasi pada bukti, minim tanda seru.
- UI produk: label yang ringkas, status kosong yang bermanfaat, tanpa embel-embel pemasaran dalam alur kerja.
- Penjualan dan presentasi: janji yang sama seperti di situs web: berkembang dengan bukti pelanggan, tidak pernah bertentangan dengan posisi yang telah ditetapkan.
Otto
Otto adalah seekor berang-berang: penasihat strategis AI dan karakter merek Elevale. Dia bukan juru bicara manusia. Dia harus selalu mewakili solusi, bukan masalah, dan membawa kejelasan, energi, dan kegembiraan dengan tujuan yang jelas.
Apa yang diwakili Otto
Kejelasan, energi, dan kegembiraan, bukan sekadar maskot, bukan sekadar properti.
Dia adalah wajah karakter dari Penasihat Strategis AI kami: seekor berang-berang yang membuat nasihat yang berlandaskan kenyataan terasa mudah dipahami. Dia adalah mitra berpikir yang terkait dengan arah strategis Anda, OKR, KPI, wiki, dan konteks pasar. Setiap kemunculannya harus menunjukkan jalan ke depan: arahan yang lebih jelas, hambatan yang teratasi, momentum dari wawasan menuju tindakan, bukan kekacauan sebelum Elevale.
Dalam produk
Otto adalah Penasihat Strategis AI di dalam platform: obrolan suara dan teks, referensi langsung ke KPI dan OKR yang sedang berjalan, dan bantuan dalam mengubah wawasan menjadi arahan, tujuan, dan tugas yang diperbarui. Dia adalah penasihat andalan untuk pertanyaan besar dan kecil: fungsional, berdasarkan data yang relevan, dan selalu terkait dengan data ruang kerja.
Dalam bidang merek & pemasaran
Di situs web dan dalam komunikasi, Otto muncul ketika ia dapat mendemonstrasikan solusi: memperkenalkan pusat komando, menunjukkan bagaimana kejelasan diterapkan, atau memberi sinyal kepada AI yang memahami bisnis. Bukan sekadar maskot di pinggir halaman. Bukan sekadar properti di samping gembar-gembor kosong. Tujuan diutamakan.
Dalam kampanye
Dalam kampanye, Otto mendukung kejelasan strategis, eksekusi, dan AI yang didasarkan pada pekerjaan nyata, bukan sekadar hiburan komedi, dan bukan personifikasi dari masalah. Tunjukkan arah yang muncul, keputusan yang tidak terhambat, atau kepemimpinan yang mendapatkan jawaban tanpa dasbor lain. Hanya karya seni yang disetujui.
Hubungi tim untuk persetujuan. Segala bentuk penggunaan Otto, baik untuk presentasi internal, iklan eksternal, media sosial, maupun materi mitra, memerlukan persetujuan merek sebelum dipublikasikan.
Pedoman
Ini
- Gunakan Otto hanya ketika dia mewakili solusi: kejelasan, saran yang berdasar, energi, atau momentum dari wawasan menuju tindakan.
- Libatkan dia ketika Elevale storytelling membutuhkan panduan yang jelas untuk jawabannya: visi, bukti, AI yang memahami bisnis Anda, bukan lelucon fitur yang terisolasi.
- Biarkan dia membawa kejelasan, energi, dan kegembiraan. Cerdas, lugas, dan percaya diri seperti suara Elevale, tidak pernah sarkastik, kacau, atau kekanak-kanakan.
- Gunakan gambar Otto yang telah disetujui dari paket merek. Jangan menggambar ulang, mewarnai ulang, atau meregangkan karakter tersebut.
- Libatkan tim merek sejak awal dalam kampanye, merchandise, atau media sosial agar penggunaannya tetap sesuai tujuan.
Bukan ini
- Jangan jadikan Otto sebagai masalah: kebingungan, kegagalan, kekacauan, atau penderitaan "sebelum Elevale". Dia menunjukkan solusi, bukan penderitaan.
- Jangan perlakukan dia sebagai maskot. Tidak ada penampilan singkat berupa gambar klip, tidak ada senyuman di samping teks yang tidak dia dukung, tidak ada wallpaper merek.
- Jangan gunakan dia hanya sebagai properti. Jangan memegang papan kosong, menunjuk ke penawaran yang tidak terkait, atau mengisi ruang karena tata letaknya terasa kosong.
- Jangan gunakan dia sebagai pengisi, wallpaper, atau dekorasi bergaya emoji tanpa pesan apa pun.
- Jangan masukkan dia ke dalam dokumen teknis, halaman hukum, atau konteks yang bertentangan dengan posisi kepemimpinan yang seharusnya.
- Jangan membuat pose, kostum, atau pesan baru tanpa persetujuan, bahkan untuk slide internal.
- Jangan mengubah penampilan, proporsi, atau pemasangannya dengan logo atau merek mitra yang tidak disetujui.
Anatomi
Buka perpustakaan logoLogo utama adalah logo default Elevale: logo mark ditambah wordmark dalam satu file. Slogan adalah teks pemasaran terpisah. Kami sering menggunakannya di situs web, tetapi bukan bagian dari logo utama.
Bagian-bagian dari logo
Gunakan nama-nama ini secara konsisten dalam brief, presentasi, dan perlengkapan merek. Ketika kami menyebutkan logo Elevale, yang kami maksud adalah susunan logo (lockup) kecuali jika kami secara eksplisit meminta hanya logo saja.
- Tanda logo
- Kotak-kotak berwarna merah muda dan ungu yang saling bertautan di sebelah kiri.
- Tanda kata
- Nama Elevale dalam font Coolvetica Condensed di sebelah kanan.
- Penjara
- Logo dan tulisan digabungkan. Ini adalah file logo default.
Slogan
Strategi yang Tak Pernah Mati
Penempatan umum pada hero
Sering muncul di atas judul utama. Hindari memasukkannya ke dalam file logo yang diekspor kecuali merek menyetujui susunan logo khusus.
Arti dari logo tersebut
Logo tersebut terdiri dari dua persegi yang saling bergeser dan bertautan. Keduanya tampak seperti modul terpisah yang memilih untuk bertemu: di mana sebelumnya ada kesenjangan antara strategi dan eksekusi, antara apa yang dikatakan pimpinan dan apa yang dapat ditunjukkan oleh bisnis, kini ada sentuhan yang disengaja. Bukan kekaburan. Bukan pengambilalihan. Sebuah koneksi yang dapat Anda lihat.
Titik tumpang tindih itulah intinya. Tepi yang sama itulah tempat Elevale berada.
Dari keterputusan menuju upaya bersama
Lembar kerja di satu sudut, OKR di sudut lainnya, ulasan yang dibangun berdasarkan ekspor bulan lalu. Logo tersebut merupakan kebalikan dari pergeseran itu: dua bidang yang bergeser sejajar sehingga bisnis tersebut berhenti saling bertentangan di depan umum.
Garis sambungan adalah pusat komando.
Sudut bersama bukanlah sekadar hiasan. Ini adalah titik temu di mana arahan, metrik, dan tindakan tim dimaksudkan untuk bertemu. Elevale adalah produk dari tumpang tindih tersebut: satu permukaan untuk arahan, pengukuran, dan tindak lanjut.
Saling terkait, masih bergerak
Pergeseran tersebut menunjukkan pergerakan maju tanpa benturan. Strategi tidak menghancurkan operasi; data tidak mengubur orang. Kotak-kotak tersebut bergerak maju bersama, seperti prioritas yang akhirnya mengarah ke arah yang sama.
Ketinggian pada sambungan
Elevale berawal dari titik temu tersebut. Keselarasan bukanlah sekadar poster di dinding; melainkan momen ketika organisasi bangkit di atas kebisingan karena niat dan bukti memiliki titik temu yang sama. Logo itu kecil. Idenya tidak.
Warna merah muda dan ungu pada logo.
Warna pink dan ungu masing-masing memiliki peran dalam logo. Pink bersifat hangat: arah, momentum, dan dorongan untuk mengambil keputusan. Ungu bersifat dingin: bukti, struktur, dan pembuktian yang dapat Anda gunakan sebagai acuan. Pisahkan keduanya; keduanya hanya berbagi batas di mana niat bertemu dengan bukti. Aturan HEX, RGB, dan UI ada di Warna inti.
-
Berwarna merah muda
Arah dan momentum
Warna magenta hangat dengan energi yang jelas. Dalam logo, warna ini berada di bagian depan: mata akan langsung tertuju padanya, sama seperti kepemimpinan yang harus menentukan hal-hal penting selanjutnya.
Represents Niat lebih penting daripada bukti: ke mana arah bisnis, apa yang diprioritaskan, dan energi untuk bergerak maju.
Pada logo, warna merah muda menjadi elemen utama. Dalam antarmuka pengguna produk, warna merah muda menjadi lapisan aksi: tombol utama, status prioritas, dan momen-momen yang membutuhkan keputusan yang jelas.
-
Ungu
Bukti dan struktur
Warna biru-ungu yang tenang dan dalam. Warna ini sedikit lebih lembut dari kehangatan warna merah muda dan membawa metrik, struktur, serta bukti dalam nada yang mantap dan dapat dipercaya.
Represents Apa yang dapat ditunjukkan oleh bisnis: KPI langsung, kerja sama yang terhubung, struktur, dan kepemimpinan berbasis data yang dapat dipercaya.
Dalam logo, warna ungu melengkapi apa yang dimulai oleh warna merah muda. Dalam antarmuka pengguna produk, warna ungu membawa metrik, penekanan navigasi, dan permukaan di mana kejelasan lebih penting daripada dekorasi.
Ukuran & jarak
Pertahankan ruang kosong yang sama dengan tinggi modul sudut berwarna merah muda pada logo (20px pada ukuran standar logo) di semua sisi logo.
x = tinggi modul sudut merah muda pada logo (20px pada ukuran logo standar). Sisakan setidaknya satu x ruang di keempat sisi logo.
Varian
Buka perpustakaan logoUnduh file logo dan logo saja yang telah disetujui. Gunakan logo untuk keperluan pemasaran; gunakan logo saja hanya jika ruang terbatas dan merek sudah dikenal.
Penjara
Hanya tanda logo
Untuk favicon, ikon aplikasi, avatar, dan UI ringkas. File app-tile menyertakan latar belakang berwarna; jangan memotong atau mengubah warnanya.
Penggunaan
Gunakan susunan warna penuh pada latar belakang terang dan susunan warna gelap untuk latar belakang gelap yang pekat. Pada fotografi atau permukaan yang ramai, tambahkan lapisan solid atau beralih ke susunan warna terbalik agar logo tetap terbaca.
Latar belakang yang disetujui
Lampu Gelap Hal-hal yang harus dihindari
Jangan diregangkan atau diubah bentuknya
Jangan menambahkan garis luar
Jangan memutar penguncinya
Jangan letakkan di latar belakang yang ramai dan tanpa kontras.
Pastikan ruang tetap bersih.
Warna inti
Warna pink dan ungu bekerja berpasangan, bukan sebagai pengganti. Pink menarik perhatian ke arah dan tindakan; ungu menyimpan kebenaran operasional di baliknya. Warna netral melakukan tugas berat dalam UI produk dan bacaan panjang.
Bagaimana mereka bekerja sama
Gunakan warna merah muda ketika Anda menginginkan momentum atau tindakan utama. Gunakan warna ungu ketika Anda menunjukkan struktur, metrik, atau kepercayaan melalui data. Gradien merah muda ke ungu hanya untuk hero dan band premium. Lihat Gradien.
Merek merah muda
Warna merah muda khas merek. Arah, ajakan bertindak (CTA), dan persegi utama pada logo. Jangan mengubah corak atau saturasi.
#E20F7A rgb(226 15 122) --pink
Merek ungu
Warna ungu merek. Bukti, struktur UI produk, dan persegi panjang di belakang logo. Jangan mengubah corak atau saturasi.
#5270F5 rgb(82 112 245) --purple
Cahaya merah muda
#FCE4F1 rgb(252 228 241) --pink-light
Cahaya ungu
#EEF0FE rgb(238 240 254) --purple-light
Gelap
#111318 rgb(17 19 24) --dark
Hitam
#0A0A0A rgb(10 10 10) --black
Putih
#FFFFFF rgb(255 255 255) --white
Putih gading
#F9FAFB rgb(249 250 251) --off-white
Gradien
Gradien memadukan warna merah muda ke ungu: cerita yang sama seperti logo, dibuat berkelanjutan. Gunakan gradien secukupnya pada bagian hero, CTA, dan pita pemasaran premium, jangan pernah di belakang teks isi.
Gradien merek gelap
#0D1117 · rgb(13 17 23)
#111827 · rgb(17 24 39)
#1A1040 · rgb(26 16 64)
Merah muda hingga ungu
#E20F7A · rgb(226 15 122)
#5270F5 · rgb(82 112 245)
Tampilan: Coolvetica Condensed
Unduh CoolveticaJudul utama, judul hero, dan label bagian. Gunakan huruf kapital di awal kalimat untuk materi pemasaran; hindari penggunaan huruf kapital semua kecuali untuk label pendek.
Eksekusi strategis, dijelaskan dengan jelas.
Tubuh: Satoshi
Unduh SatoshiTeks isi, label UI, dan teks pendukung. Bobot 400, 500, dan 700 disetujui.
Satu platform untuk arahan, KPI, OKR, dan penyelarasan tim.
Fotografi
Fotografi berpadu dengan UI produk, diagram, dan grafik pemasaran. Kami menggunakannya dalam gambar utama kampanye, maket UI, momen di tempat kerja dan tim, serta avatar kecil di dalam layar aplikasi (timeline, bagan organisasi, penanda tugas). Setiap gambar harus mendukung strategi dan eksekusi dengan teks yang jelas, warna merek, dan konteks.
Tempat di mana fotografi muncul
Fotografi produksi mencakup bingkai kampanye, mock-up UI, foto tempat kerja, potret tim, dan avatar UI. Setiap jenis memiliki aturan ukuran dan sumbernya sendiri yang tertera pada kartu di bawah ini, ditambah daftar singkat tentang apa yang tidak perlu dikirim.
Materi kreatif untuk kampanye dan peluncuran.
Padukan seseorang atau karakter merek yang disetujui dengan sebuah adegan yang tersusun: gradien atau pita warna, judul, dan UI produk di bagian depan. Kehangatan dan kredibilitas berasal dari sisi manusia; bukti berasal dari antarmuka. Potongan gambar dapat meluas di atas pita warna jika keterbacaan tetap kuat.
Maket UI dan tampilan produk
Buat grafis UI yang bergaya dan komposisi adegan yang menarik, bukan foto perangkat keras tertentu (tanpa bezel iPhone, MacBook, atau perangkat bermerek lainnya). Gunakan bentuk layar netral, kartu berlapis, atau bingkai abstrak agar visual tidak ketinggalan zaman saat produk diperbarui. Pasangkan fotografi dengan UI jika membantu penyampaian cerita; jaga agar teks dan kartu tetap mudah dibaca. Gunakan resolusi penuh; jangan meregangkan gambar beresolusi rendah.
Fotografi tempat kerja dan kantor
Tampilkan kantor, bengkel, dan momen kerja yang sebenarnya untuk halaman tentang kami, bagian budaya, karier, dan blok editorial. Utamakan cahaya alami, ruang otentik, dan tim yang beragam daripada kantor stok generik. Tambahkan lapisan solid atau gradien saat teks berada di atas gambar.
Potret tim dan kepemimpinan
Gunakan potret yang mudah didekati dan kelompok kecil untuk kepemimpinan, bukti sosial, dan konten mitra. Jaga agar pakaian tetap netral atau sesuai merek. Susun foto dengan UI produk atau judul ketika foto tersebut mendukung kampanye, bukan hanya sebagai foto potret yang terlepas.
Avatar dalam antarmuka pengguna produk
Potret yang dipangkas dengan ukuran avatar (sekitar 24–40px) di timeline, bagan organisasi, lencana penerima tugas, dan baris bukti sosial. Gunakan potongan avatar yang disetujui dari perlengkapan merek hanya pada ukuran ini. Jangan pernah memperbesar file avatar untuk pahlawan atau band kampanye.
Jangan digunakan
Grid foto wajah acak, stok foto jabat tangan, foto utama penuh tanpa konteks produk atau pesan, atau maket yang terkunci pada perangkat konsumen yang mudah dikenali. Fotografi harus menjelaskan platform, menunjukkan karya nyata, atau memperkuat judul. Jika tidak melakukan keduanya, pilih grafis atau UI sebagai gantinya.
Komposisi bergaya kampanye
Tata letak peluncuran dan kampanye menggabungkan orang sungguhan atau karakter merek dengan kartu UI produk pada latar belakang merek yang mencolok. Judulnya berisi janji, kartu UI memberikan bukti, dan foto mungkin menjorok keluar dari tepi atas jika kaki tetap berada di bagian bawah pita.
Contoh komposisi. Gunakan foto berlisensi beresolusi tinggi atau potongan gambar merek yang disetujui dengan ukuran penuh untuk kampanye.
Pustaka avatar (ukuran tampilan UI)
Gambar yang disetujui hanya untuk mock-up dan UI produk. Tampilkan pada ukuran di bawah ini. Untuk kampanye, tempat kerja, atau band tim, gunakan foto terpisah dengan resolusi penuh.
Kualitas dan pengiriman file
Fotografi kampanye, mock-up, tempat kerja, dan tim harus memiliki ukuran minimal 1200px pada sisi terpanjang sebelum diekspor. Kirim dalam format WebP atau AVIF untuk web. File avatar kit tetap dalam ukuran kecil aslinya. Minta tinjauan merek saat menggabungkan fotografi dengan logo mitra atau co-branding.
Grafik pemasaran
Di seluruh situs web, halaman fitur, dan kampanye, kami menggunakan kartu bergaya UI, overlay lembut, dan warna merek yang terkendali. Tujuannya adalah kedalaman dan kejelasan, bukan dekorasi demi dekorasi semata.
Pembatasan kebisingan
Satu visual utama per hero atau bagian sudah cukup. Biarkan teks, spasi, dan satu kelompok kartu bertumpuk menyampaikan cerita. Jika semuanya terlalu mencolok, tidak akan ada yang tersampaikan.
Warna dengan struktur
Warna netral (putih, putih pucat, teks gelap) menjadi dasar tata letak. Warna merah muda dan ungu muncul sebagai aksen: tepi atas pada kartu, garis grafik, lencana, dan pita gradien pada bagian gelap. Jangan mengisi area luas dengan gradien merek penuh di belakang UI yang padat.
Kedalaman melalui pelapisan
Gunakan dua atau hingga tiga kartu yang saling tumpang tindih dengan posisi bergeser, rotasi ringan, dan bayangan lembut. Dua kartu sudah cukup jika ceritanya sederhana; tambahkan kartu ketiga hanya jika memberikan konteks tambahan. Kartu depan menyampaikan pesan; kartu belakang memberikan detail pendukung.
Lapisan dan panel
Tempatkan grafik di dalam panel spesimen atau pada latar belakang yang tenang. Pada fotografi atau latar belakang gelap, tambahkan lapisan solid atau gradien agar teks dan kartu tetap terbaca. Kartu berada di atas latar belakang; kartu tidak bersaing dengannya.
Direkomendasikan
Contoh dengan maksimal tiga kartu: setiap lapisan memiliki judul dan satu isyarat UI. Kartu depan memuat judul utama; kartu belakang tetap lebih ringan tetapi tetap mudah dibaca. Gunakan dua kartu jika itu sudah cukup.
Menghindari
Kisi-kisi datar dengan gradien yang mencolok, bentuk yang saling bersaing, dan blok dengan bobot yang sama. Terlihat berantakan dan melemahkan narasi produk.
Usage rules
- Gunakan dua atau tiga kartu dalam tumpukan pahlawan, jangan pernah lebih dari tiga. Berhenti di dua kartu jika lapisan ketiga tidak akan menambah konteks.
- Jaga agar bagian dalam kartu sebagian besar berwarna netral. Gunakan warna merah muda atau ungu untuk satu aksen per kartu (garis tepi, titik, garis percikan, atau lencana).
- Gunakan gradien merah muda hingga ungu sepenuhnya untuk hero, CTA, dan pita gelap. Lihat Gradien dan Warna inti.
- Gunakan pola UI produk asli untuk grafis fitur dan beranda jika memungkinkan. Lihat UI Produk.
- Animasikan entri dengan gerakan pendek dan bertahap (pudar dan sedikit terangkat), bukan gerakan konstan. Lihat Gerakan.
- Saat gambar Otto atau foto muncul di samping kartu, beri ruang agar gambar tersebut terlihat lebih jelas. Jangan memenuhi tumpukan kartu.
UI Produk
Unduh paket merek.Mulailah dari layar aplikasi Elevale dan pola UI yang sebenarnya dalam tangkapan layar dan grafik pemasaran. Anda dapat menyederhanakan, memotong, atau menghapus kontrol sekunder jika itu membuat nilai lebih jelas. Gunakan warna netral yang tenang, Satoshi untuk teks UI, dan warna merah muda atau ungu hanya di tempat produk benar-benar menonjolkan status, grafik, dan tindakan.
Antarmuka pengguna asli, disederhanakan untuk keperluan cerita.
Bangun dari tata letak, jenis huruf, dan komponen Elevale yang autentik. Untuk pemasaran, tidak masalah untuk memperkecil antarmuka: hilangkan panel samping, pangkas navigasi, atau sembunyikan fitur yang tidak mendukung pesan. Tujuannya adalah untuk menjelaskan apa yang penting, bukan untuk menampilkan setiap kontrol di layar. Jangan menempelkan UI ke jendela browser acak atau mewarnai ulang templat dasbor generik agar terlihat sesuai dengan merek.
Warnai area tempat produk tersebut menggunakannya.
Latar belakang tetap putih atau putih pucat. Warna merah muda dan ungu muncul pada item navigasi aktif, progres, rangkaian grafik, lencana, dan tombol utama di dalam aplikasi. Jangan membanjiri tangkapan layar dengan gradien yang tidak ada di UI sebenarnya.
Fokus pada satu pekerjaan yang harus diselesaikan
Persempit kerangka alur kerja yang Anda jelaskan: arah, OKR, KPI, atau dasbor. Hilangkan ruang kosong, modul yang tidak terkait, dan gangguan UI agar pemirsa melihat satu hasil yang jelas, bukan keseluruhan produk sekaligus.
Sesuaikan dengan media
Tangkapan layar penuh bergaya dokumenter cocok untuk studi kasus, dokumen, dan presentasi penjualan. Untuk gambar utama situs web, lebih baik gunakan potongan gambar yang disederhanakan atau grafik kartu berlapis di Grafik pemasaran ketika Anda membutuhkan kedalaman tanpa menampilkan seluruh aplikasi.
Tangkap dan ekspor
- Ambil gambar dari lingkungan staging atau produksi dengan teks dan label asli. Sederhanakan atau pangkas UI jika hal itu memperjelas nilai; jangan menambahkan modul palsu. Samarkan atau anonimkan nama pelanggan jika diperlukan.
- Jangan meregangkan, memiringkan, atau membulatkan sudut secara berbeda dari produk aslinya.
- Pertahankan aksen merah muda dan ungu pada peran yang sama dengan aplikasi (navigasi, grafik, CTA). Lihat Warna inti.
- Untuk para ahli pemasaran yang tidak memiliki tangkapan layar lengkap, gunakan kartu UI bertumpuk per Grafik pemasaran.
- Ekspor dengan resolusi 2× untuk slide dan web yang tajam; lebih disukai format PNG atau WebP dengan warna sRGB.
- Hasil tangkapan layar terbaru yang telah disetujui tersedia di brand kit di Google Drive. Mintalah akses sebelum publikasi eksternal jika ragu.
Pola UI
UI produk dan pemasaran berbagi radius, bayangan, dan perlakuan tombol dari sistem desain.
Gunakan satu aksi utama per tampilan. Pada permukaan pemasaran yang terang, pasangkan dengan aksi sekunder berupa teks atau pil bergaris luar. Gunakan tombol transparan hanya untuk latar belakang gelap.
CTA primer
Pasangan pahlawan (utama + teks sekunder)
Garis luar sekunder (permukaan terang)
Hantu (hanya permukaan gelap)
Radius sedang (12px)
Bayangan kartu
Ikonografi
Elevale menggunakan ikon outline Lucide di seluruh halaman pemasaran, bagian fitur, dan mock-up UI. Satu keluarga font, satu ketebalan garis, dan skala ukuran kecil menjaga navigasi dan kartu tetap mudah dipindai.
Prinsip-prinsip
Skala ukuran
Gunakan ukuran 16, 20, dan 24px. Kartu fitur pemasaran dapat menggunakan 28px untuk penekanan; jangan membuat ukuran khusus yang tidak baku.
Warna pada permukaan
Di mana ikon muncul
Perpustakaan ikon
Semua nama Lucide terdaftar di situs pemasaran. Cari, lalu salin namanya untuk serah terima desain atau ambil cuplikan siap pakai untuk blok Astro dan Webflow.
Aturan penggunaan
- Pertahankan ikon monokrom pada UI terang; gunakan warna putih pada gradien merek dan latar belakang aplikasi gelap.
- Pasangkan ikon dengan label untuk navigasi utama dan ajakan bertindak (CTA) utama.
- Jangan mencampur set yang berisi dan set yang bergaris luar pada permukaan yang sama.
- Sesuaikan ukuran ikon dengan teks: 16px untuk keterangan, 20–24px untuk isi dan judul.
- Gunakan
aria-hidden="true"pada ikon dekoratif; teks di sebelahnya memiliki makna. - Kartu manfaat dan kerugian pemasaran: satu ikon di header, merah muda di atas putih, lihat spasi Grafik pemasaran.
- Pola UI produk untuk tombol dan kartu terdapat di Pola UI; ikon mengikuti radius dan kepadatan yang sama.
- Minta peninjauan merek sebelum kampanye mitra berbasis ikon atau piktogram khusus di luar Lucide.
Gerakan
Elevale menggunakan gerakan di seluruh situs pemasaran dan produk: gerakan hero ambient, pengungkapan saat digulir, status saat di-hover, kartu yang disusun bertingkat, dan GIF yang menambah kehangatan dan humor. Gerakan harus mengarahkan perhatian dan memperkuat kejelasan, bukan bersaing dengan pesan.
Prinsip-prinsip
Sengaja
Setiap animasi menjawab sebuah pertanyaan: apa yang berubah, apa yang penting selanjutnya, atau apa yang berhasil. Jika gerakan tidak membantu seseorang untuk memindai, memahami, atau merayakan, hilangkan saja.
Terkendali
Satu gerakan fokus per tampilan. Hindari kekacauan berulang, paralaks tanpa alasan, atau banyak elemen yang memantul secara bersamaan. Grafik pemasaran sudah menggunakan kedalaman; gerakan tidak boleh membebani tumpukan.
Ketepatan waktu yang konsisten
Gunakan ease-out untuk elemen masuk dan ease-in-out untuk elemen beralih. Sebagian besar transisi UI berada di antara 200ms dan 400ms; ambience hero dapat berjalan lebih lama tetapi tetap halus.
Hormati gerakan yang dikurangi
Bungkus loop dekoratif dan melayang di prefers-reduced-motion: no-preference. Perubahan status inti (membuka menu, fokus) mungkin masih beranimasi ringan atau langsung bergerak cepat saat pengguna meminta pengurangan gerakan.
Di mana gerakan muncul
Pola-pola ini muncul di seluruh elevale.com dan halaman-halaman unggulan. Cocokkan pola-pola ini saat memperluas situs atau materi pendukung mitra.
- Pahlawan & kehadiran Pergeseran bola latar belakang yang lembut, cahaya gradien, dan penekanan judul pada halaman beranda dan landing page utama. Perulangan lambat dengan amplitudo rendah yang terasa hidup tanpa mengalihkan fokus dari ajakan bertindak (CTA).
- Navigasi & kerangka aplikasi Transisi latar belakang navigasi, warna tautan, dan laci seluler (~200–300ms). Dropdown memudar dan bergeser; tombol sedikit terangkat saat diarahkan kursor dengan transformasi singkat.
- Kartu & tumpukan Efek pudar dan muncul bertahap pada tumpukan kartu pemasaran dan grid fitur. Jeda singkat antar elemen (sekitar 40–80 ms) sehingga konten terbaca dari atas ke bawah, bukan sekaligus.
- Gulir & lihat Bagian-bagian muncul saat memasuki area pandang: opasitas dan translasi Y, bukan pergeseran horizontal. Kaitkan tampilan dengan urutan baca; jangan memicu ulang setiap kali ada sedikit pergeseran gulir.
- Produk & mockup Mock-up UI halaman fitur menggunakan perubahan status yang halus, peralihan tab, dan reaksi GIF yang menyenangkan dalam obrolan atau utas tugas. Saat Otto dalam mode suara, <a href="#motion-voice-orb">bola suara AI</a> memberi sinyal sedang mendengarkan dan berpikir. Lihat bagian tersebut untuk tujuan dan animasinya.
Referensi waktu
Mikro 150–200 ms Arahkan kursor, fokuskan cincin, geser ikon.
Standar 200–400 ms Tombol, panel, navigasi, efek hover kartu
Tekanan 400–600 ms Kata kerja modal, mengungkapkan hal-hal besar (gunakan secukupnya)
Suasana sekitar Kontinu Cahaya dan hembusan bola suara AI (diaktifkan oleh audio dalam aplikasi)
bola suara AI
Sebuah bola bercahaya lembut muncul di aplikasi Elevale saat berbicara dengan Otto melalui suara. Ini menunjukkan sesi sedang berlangsung dan bereaksi terhadap suara, sementara teks transkrip dan balasan Otto menyampaikan pesan sebenarnya.
Ringkasan
Pada produk ini, bola tersebut digambar langsung di layar (bukan file video atau gambar statis). Ini adalah visual utama untuk mode suara: tenang saat diam, lebih aktif saat seseorang berbicara, dan lebih hangat saat Otto berbicara. Ini bukan logo, grafik, atau penganalisis spektrum dengan batang.
Di mana itu muncul
Komponen orb yang sama digunakan dalam dua tata letak, yang dikendalikan oleh sesi suara yang sama:
- Suara layar penuh
Bola besar (sekitar 320px) berada di tengah layar suara. Mengetuk bola tersebut dapat menginterupsi Otto saat dia berbicara.
- Widget mengambang
Bola kecil (sekitar 92px) di dalam chip suara yang diperkecil. Mengetuknya akan kembali ke tampilan obrolan; tombol bisukan dan akhiri obrolan berada di atas bola tersebut.
Apa yang ditanggapinya
Pergerakan mengikuti audio asli dari sesi tersebut, bukan animasi acak:
- Suaramu Bola tersebut akan menyala lebih terang dan bergerak mengikuti mikrofon saat Anda berbicara (kecuali jika mikrofon dimatikan).
- Otto berbicara Saat Otto memutar balasan suara, bola tersebut juga bereaksi terhadap audio tersebut, dengan denyutan tambahan yang lembut sehingga jelas bahwa asisten tersebut sedang berbicara.
- Momen-momen tenang Selama sesi aktif, bola tersebut tetap bernapas dengan lembut sehingga UI terasa hidup, bahkan dalam keheningan. Bola tersebut tidak menghilang di antara kata-kata.
- Mikrofon dimatikan Input mikrofon diabaikan. Palet warna bergeser ke nada abu-abu yang lebih dingin, riak dan partikel berhenti, dan ikon redup muncul pada bola.
- Sesi berakhir Mode suara ditutup atau kembali ke obrolan. Bola berhenti bereaksi dan seharusnya tidak terus berkedip seolah-olah panggilan masih terbuka.
Struktur umum
Bayangkan bola cahaya itu sebagai lapisan cahaya lembut, bukan bola 3D yang keras atau tampilan gelombang:
- Cahaya luar Lingkaran cahaya pastel yang lebar mengelilingi bola. Berwarna merah muda dan lavender khas merek tersebut saat aktif; abu-abu kusam saat mikrofon dimatikan.
- Cincin riak Beberapa cincin lembut yang mengembang ke luar. Cincin-cincin ini menunjukkan energi, bukan frekuensi individual.
- Lingkaran utama Pusat suara yang menyebar tanpa iris atau pupil yang tajam. Ukuran suara sedikit berubah seiring dengan perubahan bass dan energi secara keseluruhan.
- Awan bagian dalam Gumpalan warna lembut yang melayang di dalam bola saat nada tengah dan rendah naik dan turun.
- Partikel Banyak partikel kecil mengorbit di tengah, lebih cepat ketika percakapan berlangsung energik. Partikel-partikel ini bersifat dekoratif, bukan sebagai titik data.
Halaman fitur di elevale.com menggunakan versi CSS yang disederhanakan dari tampilan ini untuk mockup statis. Orb aplikasi langsung lebih kaya dan terhubung dengan mikrofon dan audio pemutaran yang sebenarnya.
Spesimen referensi merek
Warna
Kilauan merah muda pastel dan lavender bercampur dari warna-warna primer merek menuju putih. Tidak ada pergeseran warna pelangi, isian datar, atau tepi tajam. Versi yang lebih lembut hanya menggunakan warna netral abu-abu.
UX dan aksesibilitas
- Selalu pasangkan dengan teks. Transkrip langsung, label sesi, dan balasan tertulis Otto berada di samping bola tersebut. Jangan pernah hanya mengandalkan animasi saja.
- Pembaca layar Gambar tersebut disembunyikan dari teknologi bantu. Layar orang tua mengumumkan status (misalnya, asisten sedang berbicara, mikrofon dimatikan).
- Gerakan terbatas Saat pengguna lebih menyukai gerakan yang lebih sedikit, pergerakan akan melambat dan menjadi lebih halus. Bola cahaya mungkin akan tetap berupa cahaya statis yang tenang daripada bergerak-gerak.
Aturan
- Hanya gunakan di obrolan suara Otto (layar penuh atau mengambang). Bukan untuk promosi pemasaran, indikator pemuatan umum, atau pesan kesalahan.
- Jangan mengubah bola menjadi grafik batang, logo yang digabungkan, atau stiker maskot. Tidak ada angka atau label di dalam bola.
- Pertahankan ukuran layar penuh dan mengambang yang konsisten (sekitar 320px dan 92px). Jangan menciptakan ukuran orb baru tanpa tinjauan desain produk.
- Status nonaktif harus terlihat jelas: warna lebih dingin, tanpa partikel, indikator mikrofon mati, dengan teks yang menyatakan bahwa mikrofon dinonaktifkan.
- Contoh iklan pemasaran mungkin menyederhanakan tampilan bola kristal; jangan menjanjikan efek tambahan dalam iklan yang tidak akan dirilis oleh aplikasi.
Karakter dan nada untuk Otto hidup di Otto.
Contoh gerakan UI
Arahkan kursor ke kartu dan tombol untuk melihat perkiraan waktu relaksasi dan durasi.
Penggunaan GIF
GIF adalah cara agar Elevale terasa seperti orang sungguhan, bukan brosur perusahaan: perayaan dalam produk, reaksi dalam obrolan, dan sesekali animasi lucu dalam pemasaran. Gunakan GIF saat momennya tepat untuk kehangatan atau senyuman, tetap ramah dan sesuai merek, tetapi jangan pernah kaku hanya demi terlihat 'serius'.
Momen-momen bagus untuk GIF
- Merayakan kemenangan: kemajuan OKR, penyelesaian tugas, pencapaian tim, atau para pahlawan yang membutuhkan tos dari orang lain.
- Reaksi di dalam UI produk: obrolan, komentar, atau utas penasihat di mana putaran singkat menambahkan humor atau dorongan.
- Bagian pemasaran yang menunjukkan hasil nyata (kejelasan, momentum, kelegaan), dengan sentuhan personal dalam ceritanya, bukan sekadar senyuman klise yang umum.
GIF perayaan dan reaksi yang telah disetujui akan disertakan dalam aset situs dan perlengkapan merek. Ajukan permintaan penambahan melalui tim merek. Kami terbuka untuk animasi berulang yang menyenangkan namun tetap terasa khas Elevale.
Sesuai merek
GIF dari perpustakaan yang disetujui, bernada ceria atau meriah, mendukung pesan, dan berukuran file yang wajar.
Tidak diizinkan
Meme yang kontroversial, politis, menyinggung, atau tidak relevan. Tidak mengandung unsur mengejutkan, kekerasan, atau provokatif.
Melakukan
- Pilih GIF yang terasa ceria, sedikit jenaka, dan manusiawi, seperti rekan satu tim yang sedang merayakan, bukan tayangan slide ruang rapat. Humor diperbolehkan jika momennya tepat; hindari kesan hambar, kaku, atau terlalu dipaksakan ala 'profesional perusahaan'.
- Tempatkan GIF di saat orang-orang sudah berada dalam momen yang baik (perayaan, penyemangat, penyelesaian), bukan sebagai pengisi acak.
- Gunakan file dari brand kit atau pustaka situs yang telah disetujui. Jangan melakukan hotlink ke URL yang tidak dikenal.
- Perlakukan GIF dekoratif sebagai gambar: kosongkan alt jika murni dekoratif; jelaskan momen ketika GIF tersebut memiliki makna.
- Utamakan loop yang dioptimalkan, lazy-load di bawah lipatan halaman, dan hindari beberapa GIF berukuran besar dalam satu tampilan.
Jangan
- Tidak ada konten kontroversial, memecah belah, atau konten yang bersifat viral, meskipun sedang tren.
- Tidak ada hinaan, stereotip, kekerasan, adegan berdarah, konten seksual, atau penghinaan terhadap siapa pun.
- Tidak ada kampanye politik, gambar protes, atau pesan partisan.
- Tidak ada kedipan, efek strobo, atau putaran cepat yang mengganggu keterbacaan atau sensitivitas pemicu.
- Tidak diperbolehkan menggunakan GIF baru dalam kampanye berbayar, aset mitra, atau email tanpa persetujuan merek.
Afiliasi
Program rujukanSebagai afiliasi atau mitra rujukan, Anda memperkenalkan Elevale kepada audiens Anda menggunakan nama dan tampilan resmi kami. Pastikan Elevale tetap mudah dikenali sebagai Elevale (bukan penawaran white-label milik Anda sendiri). Gunakan aset yang telah disetujui dari hub ini, dan dapatkan persetujuan merek tertulis sebelum menjalankan kampanye berbayar atau kampanye dengan visibilitas tinggi.
Tidak bisa ditawar
Tidak seperti reseller, afiliasi tidak menggunakan white-label. Jika Anda perlu menjual dengan merek Anda sendiri, baca Resellers. Jika Anda hanya berbagi Elevale dengan jaringan Anda, bagian ini berlaku.
Anda harus
- Gunakan file logo, warna, dan templat dari brand kit atau logo library saja. Jangan membuat ulang logo tersebut.
- Gunakan logo penuh yang disetujui pada setiap aset. Sesuaikan dengan latar belakang: warna penuh pada permukaan terang, logo penuh pada permukaan gelap, atau dibalik pada permukaan yang ramai. Lihat Penggunaan logo dan ruang kosong.
- Tetap berpegang pada Pesan, Nada suara, dan Nilai merek. Tidak ada bualan, jaminan, atau klaim fitur yang belum kami publikasikan.
- Arahkan lalu lintas melalui tautan rujukan Elevale yang telah Anda tetapkan agar pendaftaran tercatat dengan benar. Jangan gunakan URL yang telah dipangkas atau dialihkan yang dapat melewati pelacakan.
- Ungkapkan hubungan afiliasi atau rujukan Anda dengan jelas di tempat yang dipersyaratkan (misalnya, iklan berbayar di media sosial, footer email, dan postingan blog).
- Kirimkan iklan berbayar, halaman arahan, webinar, dan pengiriman email dengan merek bersama untuk mendapatkan persetujuan merek tertulis sebelum ditayangkan.
Anda tidak boleh
- Mengubah, mewarnai ulang, menganimasikan, memutar, memberi garis luar, atau menggabungkan logo dengan efek yang tidak tercantum dalam pedoman ini.
- Sajikan Elevale sebagai platform Anda sendiri, hapus nama kami, atau beri kesan bahwa Anda yang membangun atau memiliki produk tersebut.
- Janji terkait hasil, harga, integrasi, atau kepatuhan yang belum kami konfirmasi secara tertulis.
- Melakukan penawaran pada istilah merek Elevale dalam iklan pencarian tanpa persetujuan tertulis sebelumnya.
- Gunakan Otto dalam iklan, thumbnail, atau materi kreatif media sosial tanpa persetujuan. Lihat Otto.
- Jangan meniru atau menyalahartikan merek kami dengan cara yang dapat membingungkan orang. Jangan berbicara, mendesain, atau menampilkan diri seolah-olah Anda adalah Elevale, tim kami, atau pemilik platform. Jangan menyiratkan bahwa kami mendukung layanan di luar program rujukan.
- Pesan ilustrasi khusus logo, gabungkan ke dalam templat pihak ketiga, atau gunakan gambar stok yang menyerupai logo kami.
Aset yang disetujui untuk digunakan
Ambil elemen dari pusat merek dan perlengkapan yang tersedia. Jika ragu, gunakan lebih sedikit elemen daripada berimprovisasi.
- Warna penuh, pada latar gelap, dan tata letak terbalik (SVG/PNG). Hanya logo merek jika ruang terbatas dan merek sudah dikenal.
- Merah muda, ungu, warna netral, dan gradien persis seperti yang didefinisikan dalam Warna inti dan Gradien.
- Judul dan bukti pendukung berasal dari pusat informasi ini atau situs pemasaran. Jangan membuat slogan baru.
- Gunakan slide, potongan gambar untuk media sosial, dan header email dari brand kit jika tersedia. Perluas tata letak, jangan menggambar ulang logo.
Penempatan afiliasi yang tepat
Logo Elevale menonjol, warna yang disetujui, ajakan bertindak (CTA) yang jelas ke tautan rujukan Anda, dan pengungkapan yang jujur.
Logo yang diwarnai ulang, nama produk yang dibuat-buat, atau merek Anda menggantikan merek kami pada promosi Elevale.
Peserta program rujukan pelanggan harus mengikuti bagian ini untuk setiap penyebutan publik tentang Elevale. Aturan program dan komisi ada di halaman program rujukan.
Pelaksanaan
Elevale dapat menangguhkan atau mengakhiri akses afiliasi, menahan komisi, atau meminta penghapusan aset yang tidak sesuai. Penyalahgunaan berulang atau serius dapat mengakhiri hubungan tersebut.
Pengecer
Daftar sebagai resellerReseller resmi menjalankan Elevale sebagai produk mereka sendiri. White-label sudah terintegrasi: logo, warna utama, dan domain Anda di setiap ruang kerja klien, dengan branding Elevale minimal dalam pengalaman klien. Anda tetap menjadi pusat perhatian; kami yang mengelola platform di balik layar.
Apa yang diberikan oleh white-label kepada Anda?
Program reseller ini dirancang untuk membangun hubungan dengan klien dan strategi pemasaran Anda, bukan untuk mempromosikan Elevale sebagai merek utama.
- Tampilkan platform tersebut dengan identitas Anda di setiap login klien, email, dan ruang kerja.
- Tetapkan harga Anda sendiri untuk paket Foundation, Business, dan Professional.
- Pasarkan dan jual sesuai metodologi Anda: strategi, OKR, KPI, dan pelaporan dalam satu sistem bermerek.
- Pilih modul mana yang akan diterima klien dan apakah mereka akan bekerja sama dengan tim Anda atau penasihat AI bawaan.
Dalam hal produk versus cara Anda menjual
Klien hanya melihat merek Anda di dalam ruang kerja. Dalam pemasaran dan penjualan Anda, tampilkan platform tersebut sebagai produk dan metodologi Anda, dengan nama dan tampilan Anda sendiri.
Reseller white-label tidak menjual sebagai afiliasi Elevale. Kerja sama merek dengan logo kami hanya untuk kasus-kasus langka di mana kedua nama harus muncul pada satu aset. Lihat Kerja Sama Merek jika itu berlaku; jika tidak, hindari penggunaan Elevale dalam materi kreatif yang ditujukan untuk klien dan untuk pemasaran.
Kapan harus check-in?
Anda tidak memerlukan persetujuan untuk konfigurasi white-label sehari-hari di dalam konsol mitra. Hubungi Elevale sebelum kampanye eksternal yang menyebutkan Elevale secara langsung, menggunakan Otto, atau mengaburkan batasan antara merek Anda dan merek kami.
Program reseller Hubungi kami untuk pertanyaan terkait merek.
Merek bersama
Ketika Elevale dan tanda mitra muncul pada aset yang sama (hero situs web, slide, banner acara), gunakan aturan co-branding. Afiliasi yang mempromosikan Elevale saja harus mengikuti Afiliasi. White-label reseller terpisah: Reseller.
- Tinggi minimum logo mitra: 24px; pertahankan bobot visual yang sama di mana logo-logo berdampingan.
- Gunakan pembatas vertikal atau jarak 24px antar tanda, jangan pernah tumpang tindih.
- Jangan mengubah warna Elevale atau menambahkan efek pada kedua tanda tersebut.
Perlengkapan merek
Unduh logo, referensi warna, dan templat dari folder merek bersama kami.
Unduh Paket Merek
Apa yang termasuk di dalamnya
- File logo (SVG, PNG): kombinasi logo dan varian hanya logo.
- Referensi warna dan font tipografi (Coolvetica Condensed dan Satoshi di Google Drive)
- Templat presentasi dan media sosial
Glosarium
Definisi singkat untuk istilah-istilah yang digunakan dalam pedoman ini.
- Penjara
- File logo lengkap: logo dan tulisan logo secara bersamaan. Ini adalah logo default Elevale. Slogan tidak termasuk dalam logo.
- Tanda kata
- Logotype “Elevale” yang dicetak dengan font Coolvetica Condensed diletakkan di samping logo mark. Logotype ini tidak digunakan sendiri dalam materi eksternal; pasangkan dengan logo mark dalam susunan logo.
- Tanda logo
- Kotak-kotak berwarna merah muda dan ungu yang saling bertautan di samping logo tulisan. Juga disebut simbol dalam arsip lama. Gunakan sendiri hanya di ruang sempit setelah merek tersebut dikenal.
- Slogan
- Baris pendukung di bawah logo pada halaman pemasaran, misalnya “Strategi yang Tak Pernah Mati”. Ditetapkan dalam tipe teks isi atau tampilan sesuai spesifikasi desain halaman. Ini bukan bagian dari karya seni penutup (lockup artwork).
- Ruang kosong
- Margin kosong minimum di sekitar logo di mana tidak ada teks, grafik, atau tepi yang boleh mengganggu. Ini menjaga agar logo tetap mudah dibaca dan tidak berantakan.
- X
- Satuan yang digunakan untuk mengukur ruang kosong: tinggi modul sudut merah muda pada logo dengan ukuran tata letak standar (20px). Setiap sisi tata letak membutuhkan setidaknya 1× ruang kosong.
- Penguncian warna penuh
- Logo standar pada latar belakang terang: logo berwarna penuh dengan tulisan berwarna gelap. Jangan gunakan logo ini pada gradien merek atau foto yang ramai tanpa lapisan tambahan.
- Penjara pada malam hari
- Untuk latar belakang gelap polos: logo berwarna penuh dengan tulisan berwarna putih. Logo tetap berwarna merah muda dan ungu; hanya tulisannya yang berubah menjadi putih.
- Penguncian terbalik
- Sebuah logo dan teks merek serba putih untuk gradien merek dan UI aplikasi gelap. Gunakan ini sebagai pengganti logo berwarna penuh di mana pun gradien atau latar belakang akan mengurangi kontras.
- Gradien merek
- Gradien linier merah muda hingga ungu khas yang digunakan pada hero, CTA, dan pita premium. Jangan letakkan susunan warna penuh pada gradien ini. Gunakan susunan warna terbalik jika logo diperlukan.
- Varian logo
- Berkas logo yang telah disetujui untuk latar belakang atau kasus penggunaan tertentu (misalnya warna penuh, pada latar gelap, terbalik, atau hanya logo saja).
- Afiliasi
- Mitra yang memperkenalkan Elevale menggunakan aset merek resmi kami dan pelacakan rujukan. Afiliasi menjaga agar Elevale tetap terlihat sebagai Elevale dan mengikuti bagian Afiliasi (bukan white-label).
- Label putih
- Konfigurasi reseller yang mengganti branding Elevale pada produk klien dengan logo, warna utama, dan domain mitra. Klien akan merasakan platform tersebut sebagai penawaran dari mitra.
- Merek bersama
- Menempatkan logo Elevale di samping logo mitra pada aset pemasaran yang sama. Digunakan untuk agensi dan acara, bukan untuk ruang kerja klien reseller sehari-hari.
- Perlengkapan merek
- Folder unduhan bersama berisi logo, referensi warna, templat, dan aset terkait, tersedia di bagian Unduhan atau Google Drive.
- Jenis tampilan
- Coolvetica, digunakan untuk judul dan penekanan pemasaran. Gunakan font ini hanya untuk kalimat pendek dan berdampak tinggi, bukan paragraf panjang.
- Tipe tubuh
- Satoshi, digunakan untuk teks UI, paragraf, dan tabel. Font ini memuat sebagian besar informasi produk dan bacaan panjang di situs web.
- Token warna
- Warna merek tertentu dengan nilai HEX, RGB, dan variabel CSS (misalnya Pink, Purple, Dark). Token menjaga agar desain dan kode tetap selaras.
- Otto
- Karakter berang-berang Elevale dan penasihat strategis AI. Ia mewakili solusi: kejelasan, energi, dan kegembiraan dengan tujuan, bukan masalah, dan tidak pernah sebagai maskot atau properti.
- Nilai merek
- Prinsip-prinsip yang tak dapat ditawar di balik Elevale: keselarasan, kejelasan, bukti, dan eksekusi tingkat kepemimpinan yang menjadi dasar produk dan komunikasi.
- Pesan
- Apa yang kami sampaikan kepada pasar: posisi, target audiens, janji, dan bukti, yang diungkapkan secara konsisten dalam judul, ajakan bertindak (CTA), dan narasi penjualan.
- Nada suara
- Begini cara kami menjelaskannya: aturan penulisan yang jelas, tegas, dan manusiawi untuk web, UI produk, dan penjualan, bukan hal yang sama dengan pesan, tetapi dibangun dari nilai-nilai yang sama.
Pertanyaan yang Sering Diajukan (FAQ)
Jawaban singkat tentang penerapan merek Elevale dalam materi pemasaran, produk, dan mitra.
Varian logo mana yang sebaiknya saya gunakan?
Gunakan logo berwarna penuh pada latar putih atau putih pucat. Pada latar belakang gelap pekat, gunakan logo berwarna gelap (logo berwarna, tulisan putih). Untuk UI aplikasi gelap atau area dengan kontras rendah, gunakan logo terbalik (semua putih). Lihat Varian dan Penggunaan.
Apakah saya bisa menggunakan hanya logo saja?
Hanya jika ruang sangat terbatas dan merek sudah dikenal: favicon, ikon aplikasi yang ringkas, atau navigasi dalam produk yang sudah mapan. Untuk slide, iklan, dan dokumen, gunakan logo lengkap. Lihat Varian.
Bisakah saya mengubah warna, menambahkan garis luar, atau mendistorsi logo?
Tidak. Jangan mengubah warna, menambahkan efek, memutar, atau meregangkan logo. Gunakan file yang disetujui dari brand kit atau logo library sebagai gantinya, daripada mengedit karya seni.
Seberapa banyak ruang kosong yang saya butuhkan?
Sisakan setidaknya satu x ruang kosong di setiap sisi, di mana x adalah tinggi modul sudut merah muda pada logo (20px pada ukuran standar). Lihat Anatomi dan glosarium.
Apakah saya bisa menempatkan logo pada foto?
Ya, jika kontrasnya cukup kuat. Tambahkan lapisan terang atau gelap yang solid di belakang logo, atau gunakan susunan terbalik pada area yang gelap. Hindari latar belakang yang ramai tanpa pemisahan yang cukup. Lihat Penggunaan.
Di mana saya bisa mengunduh file logo resmi?
Gunakan Unduhan untuk membuka paket merek Google Drive (logo SVG dan PNG, referensi warna, dan templat). Untuk logo terbaru saja, gunakan Buka perpustakaan logo pada bagian Varian.
Kapan saya bisa menampilkan Elevale di samping logo mitra?
Gunakan co-branding ketika kedua logo muncul pada aset pemasaran yang sama (situs web, presentasi, acara). Pertahankan bobot visual yang sama, setidaknya jarak 24px atau pembatas, dan jangan pernah mengubah salah satu logo. Lihat Co-branding. Reseller yang menyediakan produk klien white-label harus mengikuti Reseller sebagai gantinya.
Apa yang dapat dilakukan reseller dengan merek Elevale?
Reseller dapat menggunakan merek sendiri untuk pengalaman klien (logo, warna, domain Anda) dan memasarkan platform sebagai penawaran mereka sendiri. Jangan menampilkan merek Elevale kepada klien akhir. Panduan lengkap ada di Resellers atau di halaman program reseller.
Aturan apa yang berlaku untuk afiliasi dan mitra rujukan?
Anda harus menggunakan aset resmi Elevale, logo yang disetujui, pesan yang sesuai dengan merek, dan tautan pelacakan Anda. Anda tidak boleh mengubah logo, menggunakan merek putih (white-label), atau menjalankan kampanye berbayar tanpa persetujuan. Lihat aturan perusahaan di Afiliasi dan ketentuan program di Refer a friend.
Font apa yang sebaiknya saya gunakan?
Coolvetica Condensed untuk judul tampilan dan Satoshi untuk teks isi dan UI (bobot 400, 500, 700). Jangan mengganti dengan font yang mirip. Unduh Coolvetica dan Satoshi dari Google Drive, atau lihat Display dan Body.
Siapa yang harus saya hubungi terkait persetujuan merek?
Untuk kampanye, merchandise, atau penggunaan yang tidak tercakup di sini, hubungi Elevale melalui halaman kontak sebelum mempublikasikan. Sertakan mock-up dan saluran yang dituju agar kami dapat mengkonfirmasi varian logo dan perlakuan co-branding yang tepat.
Kapan saya bisa menggunakan Otto dalam pemasaran?
Ketika ia mewakili solusi: kejelasan, energi, kegembiraan, dan panduan yang bertujuan, bukan masalah, maskot, atau properti. Baca Otto untuk konteks dan aturan persetujuan, lalu hubungi tim merek sebelum publikasi eksternal.