Panduan merek

Satu logo, satu hijau, satu suara.

Sistem merek Protocore lengkap — logo, ruang kosong, warna, tipografi, gaya bahasa, dan penamaan — dalam satu halaman. Baca di sini atau unduh PDF-nya.

Sistem logo

Faceted core mark adalah satu-satunya aset gambar. Lockup menempatkan nama di samping atau di bawahnya dalam Roboto Medium — jangan pernah menggambar ulang keduanya.

Logo

Sendiri pada ukuran kecil — favicon, ikon aplikasi, dan di mana pun nama tidak akan terbaca jelas.

Protocore
Lockup horizontal

Simbol di samping nama. Pilihan default — untuk header, dokumen, dan tanda tangan.

Protocore
Lockup bertumpuk

Simbol di atas nama. Untuk penempatan persegi — kartu media sosial, tile, dan stempel.

Tile avatar

Simbol di tengah tile solid 1024 px. Untuk foto profil di platform mana pun.

Ruang kosong & ukuran

Ada ruang di sekeliling, ada batas di bawah.

Dua angka pasti menjaga simbol tetap terbaca di mana pun muncul.

Ruang kosong — selebar satu simbol di keempat sisi.

Simbol pada 16 px — batas minimum digital.
Ruang kosong
Selebar simbol itu sendiri, di keempat sisi. Tidak ada yang boleh masuk — tanpa teks, garis, atau tepi halaman.
Tinggi minimum · digital
16 px. Di bawah itu, keterbacaan hilang — pakai simbol saja, jangan lockup.
Tinggi minimum · cetak
6 mm.

Warna

Lima warna, tugas yang ketat.

Nyaris monokrom secara default. Hijau adalah aksen, bukan tema — tidak pernah mengisi area luas.

Ink
#0a0a0a
rgb 10 · 10 · 10

Teks di latar terang. Permukaan gelap.

Paper
#fafafa
rgb 250 · 250 · 250

Latar halaman terang.

Putih
#ffffff
rgb 255 · 255 · 255

Kartu di atas kertas. Teks di atas tinta.

Aksen
#3fcf8e
rgb 63 · 207 · 142

Warna hijaunya — hanya untuk permukaan gelap.

Aksen terang
#0e9e6e
rgb 14 · 158 · 110

Teks aksen di atas putih — tautan dan label.

Tipografi

Roboto yang bicara.

Dua keluarga font mencakup semuanya. Tanpa typeface ketiga, tanpa italic untuk penekanan.

Dua belas produk, satu core.
Roboto 400 · 500 · 700

UI dan judul — 400 untuk isi, 500 untuk judul dan lockup, 700 secukupnya.

/// FACT SHEET · 12
Roboto Mono 400

Label, eyebrow, dan angka — huruf kapital, spasi lebar.

Regular 400Medium 500Bold 700
/// SECTION LABEL

Label bagian diawali tiga garis miring dan satu spasi — diset dalam Roboto Mono, huruf kapital, spasi lebar. Garis miringnya karakter yang diketik, bukan gambar.

Suara & nada

Sedikit kata, sungguh-sungguh.

Lima aturan mencakup setiap baris teks Protocore, dari judul sampai label tombol.

01Kalimat deklaratif yang pendekSatu gagasan per kalimat. Buang setiap klausa yang bisa dibuang.
02Angka konkretHanya angka nyata — dua belas produk, satu core. Tanpa angka lebih baik daripada angka yang dibulatkan ke atas.
03Tanpa kata sifat berlebihanRevolusioner, seamless, canggih — hapus begitu terlihat. Kata bendanya yang bekerja.
04Tanpa klaim regulasiJangan pernah menyatakan atau menyiratkan lisensi, registrasi, atau status kepatuhan dalam teks brand.
05Kapitalisasi kalimatTeks UI, judul, dan tombol memakai kapitalisasi kalimat. Huruf kapital hanya untuk label mono.

Penamaan

Produk membawa nama keluarga.

Satu pola, diterapkan tanpa pengecualian.

Penyebutan pertama
Nama lengkap — “Protocore Pay”, “Protocore Gateway”. Setelah itu, cukup nama produknya.
PDS
Singkatan dari Protocore Design System. Tulis lengkap saat pertama disebut; setelahnya PDS.
Perusahaan
Protocore — satu kata, P kapital. Bukan ProtoCore, PROTOCORE, atau Proto Core.

Penggunaan

Lakukan ini, bukan itu.

Aturan dari press kit, diperluas ke seluruh sistem.

Lakukan
  • 01Sisakan ruang kosong selebar logo di semua sisi.
  • 02Gunakan varian hitam di latar terang dan varian putih di latar gelap.
  • 03Sediakan varian aksen khusus untuk permukaan ink (#0a0a0a).
  • 04Skalakan dari file SVG — logo tetap tajam di ukuran apa pun.
  • 05Gunakan lockup bertumpuk bila penempatannya persegi.
  • 06Pakai simbol saja bila tingginya di bawah 16 px.
Jangan
  • 01Jangan ubah warna simbol di luar varian yang tersedia.
  • 02Jangan memutar, memberi outline, atau menambahkan bayangan maupun efek lain.
  • 03Jangan menggambar ulang logo atau mengubah proporsinya.
  • 04Jangan menulis nama Protocore dengan font lain — lockup memakai Roboto Medium.
  • 05Jangan taruh hijau aksen di atas putih — pakai #0e9e6e untuk teks aksen di sana.
  • 06Jangan taruh simbol di atas foto atau gradien — hanya tinta atau kertas polos.