Marka rehberi

Tek logo, tek yeşil, tek ses.

Protocore marka sisteminin tamamı — logo, boşluk alanı, renk, tipografi, ton ve adlandırma — tek sayfada. Burada okuyun ya da PDF'i alın.

Logo sistemi

İşareti yerleştirmenin dört yolu.

Yüzeyli çekirdek işareti çizilmiş tek varlıktır. Lockup'lar adı işaretin yanına veya altına Roboto Medium ile yerleştirir — ikisini de asla yeniden çizmeyin.

Logo

Küçük boyutlarda tek başına — favicon'lar, uygulama simgeleri ve adın okunaklı kalmayacağı her yerde.

Protocore
Yatay logo düzeni

İşaret, adın yanında. Varsayılan düzen — üst bilgiler, belgeler ve imzalar için.

Protocore
Dikey logo düzeni

İşaret, adın üzerinde. Kare yerleşimler için — sosyal medya kartları, kutucuklar ve damgalar.

Avatar kutucukları

İşaret, düz renkli 1024 px'lik bir kutucuğun ortasında. Her platformdaki profil fotoğrafları için.

Boşluk ve boyut

Etrafında boşluk, altında sınır.

İki kesin ölçü, işareti göründüğü her yerde okunur tutar.

Boşluk — dört kenarda da bir işaret genişliği.

İşaret 16 px'de — dijital alt sınır.
Boşluk
İşaretin kendi genişliği, dört kenarda da. İçine hiçbir şey girmez — yazı, çizgi ya da sayfa kenarı.
Minimum yükseklik · dijital
16 px. Bunun altında okunabilirlik kaybolur — yalnızca işareti kullanın, asla logo düzenini değil.
Minimum yükseklik · baskı
6 mm.

Renk

Beş renk, net görevler.

Varsayılan olarak neredeyse tek renkli. Yeşil bir vurgudur, tema değil — geniş alanları asla doldurmaz.

Mürekkep
#0a0a0a
rgb 10 · 10 · 10

Açık zeminde metin. Koyu yüzeyler.

Kâğıt
#fafafa
rgb 250 · 250 · 250

Açık sayfa arka planları.

Beyaz
#ffffff
rgb 255 · 255 · 255

Kâğıt üzerindeki kartlar. Mürekkep üzerindeki metin.

Vurgu
#3fcf8e
rgb 63 · 207 · 142

Yeşil — yalnızca koyu yüzeylerde.

Açık vurgu
#0e9e6e
rgb 14 · 158 · 110

Beyaz üzerinde vurgu metni — bağlantılar ve etiketler.

Tipografi

Roboto konuşuyor.

İki yazı ailesi her şeyi karşılar. Üçüncü bir yazı tipi yok, vurgu için italik yok.

Tek çekirdekte on iki ürün.
Roboto 400 · 500 · 700

Arayüz ve başlıklar — gövde için 400, başlıklar ve logo düzenleri için 500, 700 ölçülü kullanılır.

/// FACT SHEET · 12
Roboto Mono 400

Etiketler, üst başlıklar ve sayılar — büyük harf, geniş aralıklı.

Regular 400Medium 500Bold 700
/// SECTION LABEL

Bölüm etiketleri üç eğik çizgi ve bir boşlukla başlar — Roboto Mono, büyük harf, geniş aralıklı dizilir. Eğik çizgiler yazılmış karakterlerdir, çizilmiş görsel değil.

Ses ve ton

Az söyle, ciddi söyle.

Başlıklardan buton etiketlerine kadar Protocore'un her metnini beş kural kapsar.

01Kısa, bildirim cümleleriCümle başına tek fikir. Çıkarılabilecek her yan cümleyi çıkarın.
02Somut sayılarYalnızca gerçek rakamlar — on iki ürün, tek çekirdek. Hiç sayı vermemek, yuvarlayarak şişirilmiş sayıdan iyidir.
03Abartılı sıfat yokDevrim niteliğinde, kusursuz, son teknoloji — görür görmez silin. İşi isim yapar.
04Regülasyon iddiası yokMarka metinlerinde lisans, kayıt ya da uyumluluk durumunu asla belirtmeyin, ima etmeyin.
05Cümle düzeniArayüz metinleri, başlıklar ve butonlar normal cümle düzeniyle yazılır. Büyük harf yalnızca mono etiketlere aittir.

Adlandırma

Ürünler aile adını taşır.

Tek bir kalıp, istisnasız uygulanır.

İlk geçtiği yer
Tam ad — “Protocore Pay”, “Protocore Gateway”. Sonrasında yalnızca ürün adı.
PDS
Protocore Design System'in kısaltmasıdır. İlk geçtiği yerde açın; sonrasında PDS yazın.
Şirket
Protocore — tek kelime, büyük P. Asla ProtoCore, PROTOCORE ya da Proto Core değil.

Kullanım

Böyle yap, şöyle yapma.

Basın kitindeki kurallar, tüm sisteme genişletildi.

Yapın
  • 01Her yönde işaretin genişliğine eşit boşluk bırakın.
  • 02Açık arka planlarda siyah, koyu arka planlarda beyaz varyantı kullanın.
  • 03Vurgu varyantını yalnızca mürekkep (#0a0a0a) yüzeyler için ayırın.
  • 04SVG dosyalarından ölçekleyin — işaret her boyutta keskin kalır.
  • 05Yerleşim kareyse dikey logo düzenini kullanın.
  • 0616 px yüksekliğin altında yalnızca işarete geçin.
Yapmayın
  • 01İşareti, sunulan varyantların dışında yeniden renklendirmeyin.
  • 02Döndürmeyin, konturlamayın; gölge veya başka efekt eklemeyin.
  • 03İşareti yeniden çizmeyin, oranlarını değiştirmeyin.
  • 04Protocore adını başka bir yazı tipiyle yazmayın — lockup'larda Roboto Medium kullanılır.
  • 05Vurgu yeşilini beyaz üzerine koymayın — orada vurgu metni için #0e9e6e kullanın.
  • 06İşareti fotoğraf ya da gradyan üzerine koymayın — yalnızca düz mürekkep ya da kâğıt rengi.