Marka rehberi
Logo, renk, yazı ve biçim.
DEPO’nun eski işareti ve mavi kimliğiyle devam ediyoruz. Mavi, lacivert ve açık yüzeyler ana sayfa, mağaza ve öğrenim alanlarını birleştirir.
Logo
Pahlı kare ve DEPO.
Eski DEPO işaretinin biçimi korunur. Mavi sürümü gezinme alanında ve tarayıcı simgesinde kullanılır. Yeni renk sistemi ekranlara aşamalı olarak uygulanıyor.
Renk
İki görünüm, tek sistem.
Mavi, ana eylemleri ve seçili alanları; lacivert, güçlü başlıkları ve koyu çalışma yüzeylerini taşır. Aşağıdaki renkler güncel mavi sistemin değerleridir. KAMPÜS’ün öğretmene göre değişen durum renkleri ayrı bir katmandır; kalan ekranların uyarlaması sürüyor.
Açık görünüm
#f3f6fdAna sayfa, ürün ve ticaret yüzeyleriYalnız dolgu#ffffffBeyaz vurgu yüzeyiYalnız dolgu#ffffffKart ve panel yüzeyiYalnız dolgu#e7eefcSeçili bölüm ve yardımcı alanYalnız dolgu#c7d5eeAyırıcı ve kenarlıkYalnız dolgu#14264aAna metin ve başlıkZeminde 13,8:1 · AAA#425779Açıklama ve gövdeZeminde 6,8:1 · AA#586a87Etiket ve alt bilgiZeminde 5,1:1 · AA#2453d5Bağlantı ve seçili durumZeminde 5,9:1 · AA#2453d5Klavye odağıZeminde 5,9:1 · AAKoyu görünüm
#0e1933Koyu mavi yüzeyYalnız dolgu#172744Kart ve panel yüzeyiYalnız dolgu#203455Yardımcı alanYalnız dolgu#465d80Ayırıcı ve kenarlıkYalnız dolgu#f2f6ffAna metin ve başlıkZeminde 16,1:1 · AAA#c3d1ebAçıklama ve gövdeZeminde 11,3:1 · AAA#a9bbddEtiket ve alt bilgiZeminde 9,0:1 · AAA#9db6ffBağlantı, seçili durum ve odakZeminde 8,8:1 · AAADEPO mavisi, önemli bağlantı ve yön bulma noktalarında kullanılır. Birincil düğmede mavi veya lacivert, ikincil eylemde açık yüzey tercih edilir. Durum renkleri her zaman bir sözcükle gelir. Eksik her yerde aynı dört sözcükle yazılır, İşaret, Kanıt, Kapanıyor ve Kapandı.
Öğretmenin ışığı
Öğretmenin tonu, ayrı bir katman.
Öğrenci KAMPÜS’e girerken öğretmenini seçer. Çalışmaya başlatan düğme, seçili sekme ve kapanmakta olan eksik o öğretmenin tonuyla yazılır. Her öğretmenin iki tonu vardır. Açık görünümdeki ton beyaz yazıyı, koyu görünümdeki ton koyu yazıyı en az 4,5:1 karşıtlıkla taşır. Mavi ışık fotoğrafların içinde yaşar, arayüze parlama olarak taşınmaz.
Cabir#2F55C9, beyaz yazıyla6,4:1#7EA2FF, koyu yazıyla7,9:1
Nâzım#234E94, beyaz yazıyla8,1:1#8EB8FF, koyu yazıyla9,7:1
Tomris#4B45C2, beyaz yazıyla7,2:1#9C97FF, koyu yazıyla7,7:1
Mira#07707F, beyaz yazıyla5,8:1#3FD6EC, koyu yazıyla11,1:1
Selim#1B607A, beyaz yazıyla7,0:1#9FDCF7, koyu yazıyla13,0:1
Esra#1D5FB8, beyaz yazıyla6,2:1#63A6FF, koyu yazıyla7,8:1
Bora#45597A, beyaz yazıyla7,1:1#9AB0D2, koyu yazıyla8,8:1
Işıl#4F57B0, beyaz yazıyla6,3:1#B8C3FF, koyu yazıyla11,4:1
Meriç#0A6597, beyaz yazıyla6,3:1#4FB9F2, koyu yazıyla8,8:1
Ada#2B47D0, beyaz yazıyla7,2:1#5C86FF, koyu yazıyla5,8:1
Derya#3A4560, beyaz yazıyla9,5:1#D6E4F7, koyu yazıyla15,1:1
Zeytin
Karargâh’ın kedisi.
DEPO’nun maskotu Karargâh’ın kedisi Zeytin. Üç renkli, kırçıl bir tekir. Resmi her yerde mürekkep çizimidir, defter kenarına çizilmiş gibi tek çizgiyle durur. Çizim dolgu almaz, renklendirilmez, fotoğrafın üstüne konmaz. Üstünde durduğu zeminin mürekkep rengini alır, açık görünümde koyu, koyu görünümde açık çizilir. Ana pozu masada, açık bir defterin üstünde uyumasıdır. Üç yardımcı pozu vardır. Ücretsiz ders bitince pati bırakır, boş kitaplıkta kutudan bakar, boş Röntgen’de başını eğip merak eder. Zeytin ders anlatmaz, ürün övmez, satış cümlesi kurmaz. Ekranda en çok bir kez görünür. Kadroda kedi olarak durur, öğretmen listesinde yer almaz.
Küçük işaret ayrı bir şeydir. Maskotun çok küçük kullanımları için dolgulu baş kaynakları vardır. Sitenin güncel tarayıcı ikonu eski mavi DEPO işaretidir. İşaret tek renklidir, mürekkep, mavi ya da zeytin yeşiliyle basılır. Bu örnekler maskotun mevcut kaynaklarını gösterir; mavi marka paletinin yerini almaz.
Yazı
Üç yazı, üç iş.
Başlıklarda Newsreader, arayüzde Archivo kullanılır. Küçük bölüm etiketlerinde harf aralığı ölçülü tutulur; uzun metinler cümle düzenindedir. Yazılar siteyle birlikte sunulur, dışarıdan yüklenmez. Okuma boyutu üç kademedir, üst çubuktaki Aa düğmesiyle ya da Ben sayfasından değişir.
Biçim
Yumuşak yüzey, açık hiyerarşi.
12 piksel köşe, ince çizgi; yüzeyler boşlukla ayrılır.
Düğmelerde yuvarlatılmış köşeler, gezinmede seçili yüzey ve kenar vurgusu kullanılır.
Formlarda 8 piksel alan aralığı, gruplar arasında 24 piksel boşluk kullanılır. Kartlar ve portreler içeriklerine göre düzenlenir. Uzun listelerde gereksiz kutuları azaltan satır düzeni tercih edilir.
Simgeler
İnce çizgi, tek kalınlık.
Simgeler 24 piksellik kare içinde, 1,6 kalınlığında tek çizgiyle çizilir. Simge her zaman bir sözcükle birlikte durur, yalnız başına bir anlam taşımaz.
Dil
Sade ve saygılı.
- Öğrenciye “sen” diye, kısa ve düz cümlelerle konuşulur. Düğme yazısı fiille başlar ya da gideceği yeri söyler.
- “Seçenek” yazılır, “şık” yazılmaz.
- Sınavın dili olduğu gibi kullanılır. Doğru, yanlış, boş ve net denir, “başarısız” denmez. Yanlışın adı konur.
- Hazır olmayan şey, hazır olmadığıyla birlikte yazılır.
- Ünlem, büyük harfle bağırma ve sahte aciliyet kullanılmaz.
- Uydurma sayı, sahte geri sayım, sahte kıtlık ve gerçek olmayan yorum yazılmaz.
- Gençler çocuklaştırılmaz, devlet dairesi gibi konuşulmaz.
- Kadrodaki öğretmenler ürün övmez, satış cümlesi kurmaz.
Hareket
Hareket bir şeyin değiştiğini anlatmak için kullanılır ve kısadır. Karnenin ilk açılışında net bir kez sayılır, kayıplar sırayla gelir. Tarayıcıda azaltılmış hareket seçiliyse hareket kapanır.
Erişilebilirlik
Klavye odağı görünür olmalı; durumlar renk yanında yazıyla da anlatılmalıdır. Dokunma hedefi en az 44 piksel olarak tasarlanır. Yukarıdaki oranlar yalnız belirtilen renk çiftlerinin hesabıdır; bütün sitenin erişilebilirlik kabulü henüz tamamlanmadı.