03 / 06
Renk.
Çoğunlukla Midnight, tek vurgu rengi. Midnight zemindir, White sözcükleri taşır, Signal ise göze çarpması gereken tek şeyi işaretler.
3.1 Palet
Dokuz renk, üç görev.
Zeminler ve yüzeyler için dört koyu, vurgu için iki turuncu, sözcükler ve çizgiler için üç açık renk.
- #070B18
Midnight
Ana zemin, koyu yüzeyler
- HEX
#070B18- RGB
7 11 24- CMYK ≈
71 54 0 91
- #0F1630
Ink
Yükseltilmiş yüzeyler, Midnight üzerindeki kartlar
- HEX
#0F1630- RGB
15 22 48- CMYK ≈
69 54 0 81
- #141D3D
Ink 2
İkincil yüzeyler
- HEX
#141D3D- RGB
20 29 61- CMYK ≈
67 52 0 76
- #1B2550
Ink 3
Üçüncül yüzeyler, koyu zeminde kenarlıklar
- HEX
#1B2550- RGB
27 37 80- CMYK ≈
66 54 0 69
- #F5A623
Signal
Tek vurgu rengi: ok, eylem çağrıları, öne çıkanlar
- HEX
#F5A623- RGB
245 166 35- CMYK ≈
0 32 86 4
- #FFBE4D
Signal 2
Üzerine gelindiğinde Signal, parıltı
- HEX
#FFBE4D- RGB
255 190 77- CMYK ≈
0 25 70 0
- #EEF1F7
White
Koyu zeminde metin ve logo; açık zemin
- HEX
#EEF1F7- RGB
238 241 247- CMYK ≈
4 2 0 3
- #8993AB
Steel
Koyu zeminde ikincil metin
- HEX
#8993AB- RGB
137 147 171- CMYK ≈
20 14 0 33
- #5C6784
Steel 2
Üçüncül metin, ince çizgiler
- HEX
#5C6784- RGB
92 103 132- CMYK ≈
30 22 0 48
3.2 Oranlar
Çoğunlukla Midnight.
Her kompozisyonda Midnight alanın yaklaşık beşte dördünü, Ink yaklaşık onda birini, White ise daha azını kaplar. Signal birkaç kıvılcımdır: ok, bir düğme, öne çıkan tek bir öğe.
- Midnight ~%78
- Ink ~%10
- White ~%8
- Signal ve Steel geri kalanı
3.3 Tek vurgu
Signal, bir kez.
Signal tek vurgu rengidir. Amblemdeki ok, eylem çağrıları, başlığı bitiren nokta ve bir şekildeki öne çıkan tek öğe için kullanın. Ekranda iki şey turuncuysa, biri turuncu olmamalıdır.
- Asla geniş alanların dolgusu olmaz.
- Asla White ya da açık zeminlerde metin rengi olmaz.
- Asla ikinci bir vurgu rengiyle yan yana kullanılmaz.
3.4 Kontrast
Kontrast testini geçen çiftler.
Oranlar WCAG 2’ye göredir: gövde metni için en az 4,5:1, büyük metin ve grafikler için 3:1.
Midnight üzerinde White
17.3:1
AAA Tüm metinler
Ink üzerinde White
15.8:1
AAA Kartlardaki tüm metinler
Midnight üzerinde Signal
9.7:1
AAA Vurgular, bağlantılar, kısa metinler
Signal üzerinde Midnight
9.7:1
AAA Düğme yazıları
Midnight üzerinde Steel
6.4:1
AA İkincil metin
Ink üzerinde Steel
5.8:1
AA Kartlarda ikincil metin
Midnight üzerinde Steel 2
3.5:1
AA büyük Yalnızca büyük metin ve ince çizgiler
White üzerinde Midnight
17.3:1
AAA Açık zeminde metin
White üzerinde Signal
1.8:1
Geçmez Asla metin değil: yalnızca ok ve küçük ayrıntılar
3.5 Açık zeminler
Beyaz zeminde sözü Midnight alır.
Belgeler ve açık renkli sayfalar sistemi tersine çevirir. White ya da kâğıt zemindir, metni ve kareleri Midnight taşır, Signal ise ok ve küçük ayrıntılar için ayrılır. Açık zeminde ikincil metin için Steel (2,7:1) değil, Steel 2 (5,0:1) kullanın.
Net bir sonraki adım.
Açık zeminde metni Midnight taşır.
Steel 2 ile ikincil metin
3.6 Baskı
Basmadan önce prova.
CMYK değerleri yön göstermek için yapılmış doğrudan dönüşümlerdir, baskı şartnamesi değildir. Midnight’ı zengin siyah olarak basın ve baskıdan önce Signal’ı gerçek kâğıt üzerinde prova edin.
3.7 Yapmayın
Asla yapılmaması gereken dört şey.
Yapmayın
Bir şeyi öne çıkarmak için paletin dışından bir renk eklemeyin. Bunun yerine boyut, kalınlık ya da Signal kullanın.
Yapmayın
Palet renklerini gradyanlarla birbirine karıştırmayın ve parıltı eklemeyin.
Yapmayın
Gövde metnini Signal ya da Steel 2 ile yazmayın.
Yapmayın
White ya da herhangi bir açık zemin üzerine Signal renginde metin koymayın.
3.8 Dosyalar
Kullanıma hazır palet.
Palet dört biçimde: web için CSS değişkenleri, tasarım ve sunum araçları için JSON, bir Adobe renk örneği dosyası (ASE) ve bir GIMP ve Inkscape paleti (GPL).