Tipografi yazımızda üç fontun hikayesini anlatmıştık. Şimdi sıra renklerde. Emtia Defteri'nin görsel kimliğini oluşturan beş ana rengi ve bunların arkasındaki düşünce sürecini paylaşmak istiyoruz.
Baştan söyleyelim, bu renkler tesadüfen bir araya gelmedi. Emtialar yeryüzünden çıkan hammaddeler ve biz de renk paletimizi tam oradan, yeryüzünden aldık. Buğdayın, bakırın, demirin, kahvenin, toprağın tonları bu sayfanın dokusuna işledi. Bir teknoloji sitesi maviler ve griler kullanır, bir moda sitesi siyah-beyaz kontrastı sever. Biz ise emtia dünyasının kendi renklerini sayfaya taşıdık.
Krem beyaz (#FFF1E5), sayfa arka planı
Emtia Defteri'ni açtığınızda sizi karşılayan ilk şey bu krem beyaz arka plan. Saf beyaz (#FFFFFF) kullanmadık çünkü saf beyaz ekranda sert bir ışık yayıyor ve uzun okuma seanslarında göz yorgunluğuna yol açıyor.
#FFF1E5 ise sıcak ve yumuşak bir ton. İçinde hafif bir turuncu-bej alt ton var ve bu sayede ekranda kağıt hissi veriyor. Gazete kağıdını düşünün, beyaz değildir ama kirli de değildir. İşte tam o ara tonu yakalamaya çalıştık.
Bu rengin emtia dünyasıyla da doğal bir bağı var. İşlenmemiş buğday, pirinç taneleri, ham pamuk. Hepsi bu krem-bej aralığında bir yerde duruyor. Sayfanın arka planı kendini unutturmalı ama aynı zamanda siteye kimlik vermeli ve bu krem ton tam bunu yapıyor. Okuyucu farkında olmadan bir hammadde dünyasının içine adım atıyor.
Koyu lacivert (#1a365d), başlıklar
Haber başlıklarımız koyu lacivert renkte. Siyah kullanmadık çünkü krem arka plan üzerinde saf siyah çok sert bir kontrast yaratıyor. Lacivert ise yeterli kontrastı sağlarken sayfaya derinlik ve ciddiyet katıyor.
#1a365d'nin bir özelliği daha var. Bu ton aslında petrolün, koyu ham petrolün rengine yakın. Bir varil ham petrol açıldığında o koyu, derin, neredeyse gece mavisi bir ton görürsünüz. Lacivert bu derinliği taşıyor ve aynı zamanda tarihsel olarak güven, otorite ve istikrar çağrıştırıyor. Emtia piyasalarında güven her şeyden önce gelir, dolayısıyla başlıklarımız da bu güveni yansıtmalı.
Başlık renginin bir diğer işlevi hiyerarşi kurmak. Space Grotesk fontuyla birleşen bu lacivert ton, başlığı gövde metninden net biçimde ayırıyor. Gözünüz sayfayı tararken önce lacivert başlıkları yakalıyor, sonra içeriğe iniyor. Bu akış bilinçli bir tasarım kararı.
Sıcak koyu (#2d2926), gövde metni
Gövde metnimiz saf siyah değil, sıcak koyu kahverengi-gri tonunda. #2d2926 siyaha çok yakın ama içinde hafif bir kahverengi sıcaklık barındırıyor. Bu tonu en iyi tarif eden şey kok kömürü. Tam siyah değil ama derin ve yoğun, içinde toprağın izini taşıyan bir koyuluk.
Fark ince ama etkisi büyük. Saf siyah metin krem arka plan üzerinde çok keskin duruyor ve uzun paragrafları okurken gözü yoruyor. #2d2926 ise aynı okunabilirliği korurken sayfayla uyum içinde kalıyor. Krem arka plan sıcak, başlık lacivert renkte soğuk-sıcak dengesinde duruyor ve gövde metni bu ikisini birbirine bağlayan geçiş tonu oluyor.
Bu ayrım aynı zamanda başlıkların öne çıkmasını da sağlıyor. Eğer hem başlık hem gövde saf siyah olsaydı aralarındaki hiyerarşi sadece boyut farkına bağlı kalırdı. Renk farkı eklenince hiyerarşi iki katmanlı oluyor, hem boyut hem ton.
Terrakota (#c45a32), vurgu rengi
Emtia Defteri'nin vurgu rengi terrakota, yani pişmiş toprak tonu. Butonlarda, etiketlerde, aktif sekmelerde ve kategori başlık çubuklarında bu rengi görüyorsunuz.
Terrakota paletimizdeki en "emtia" renk. Kelime İtalyancadan geliyor ve "pişmiş toprak" anlamına geliyor ama bu tonu sadece seramikte değil doğrudan madenlerde de görürsünüz. Bakır cevherinin yüzeyi, demir oksidin rengi, Atacama çölünün toprağı, hepsi bu tonun farklı versiyonları. Bir emtia haber sitesinin vurgu renginin tam anlamıyla cevherin rengini taşıması tesadüf değil, bilinçli bir tercih.
Terrakota ayrıca krem arka planla doğal bir uyum içinde. İkisi de sıcak tonlar ailesinden geliyor ama terrakota yeterince doygun olduğu için dikkat çekici kalıyor. Mavi veya yeşil gibi soğuk bir vurgu rengi bu krem arka plan üzerinde yabancı gibi dururdu. Terrakota ise orada hep varmış gibi yerleşiyor, çünkü toprak tonlarının ailesinden kopmuyor.
Kum taşı (#E6D5C5), kenarlıklar ve ayraçlar
Sayfadaki ince çizgiler, kart kenarlıkları ve bölüm ayraçları kum taşı renginde. Bu renk arka plan kreminin biraz daha koyu bir versiyonu ve sayfada yapısal düzeni sağlıyor.
İsmi bile emtia dünyasından geliyor. Kum taşı doğada tortul bir kayaçtır ve binlerce yıl boyunca biriken kum tanelerinin sıkışmasıyla oluşur. Rengi de tam olarak bu, sıkışmış kumun, kurumuş toprağın, tuz gölü kıyısındaki çökelmenin tonu. Bir haber sitesinde onlarca kart, bölüm ve liste yan yana duruyor ve bunları birbirinden ayırmak gerekiyor. Koyu kenarlıklar kullanırsanız sayfa kafes gibi görünür ve görsel gürültü artar. Kenarlıkları tamamen kaldırırsanız bölümler birbirine karışır. Kum taşı tonu bu ikisinin arasında duruyor, yapıyı belli ediyor ama kendini dayatmıyor.
Topraktan gelen palette bir arada
Bu beş renk birlikte çalışırken bir sistem oluşturuyor. Krem beyaz sayfayı buğday tarlası gibi yumuşatıyor, koyu lacivert başlıkları petrolün derinliğiyle öne çıkarıyor, sıcak koyu ton kok kömürünün koyuluğuyla gövde metnini rahat okunur kılıyor, terrakota bakır cevherinin canlılığıyla dikkat çekmesi gereken öğeleri işaretliyor ve kum taşı doğanın kendi kenarlık malzemesiyle yapısal düzeni koruyor.
Dikkat ederseniz paletteki tüm renkler sıcak ton ailesinden geliyor. Krem, terrakota, kum taşı ve kahverengi-gri hepsi toprak ve maden tonları. Tek istisna lacivert başlıklar ve bu soğuk ton tam da öne çıkması gereken yerde duruyor. Sıcak bir zeminde soğuk bir vurgu, gözün ilk gittiği yeri belirliyor.
Paletin tamamı yeryüzünden çıkan hammaddelerin renklerini taşıyor ve bu tesadüf değil. Bir emtia haber sitesinin renkleri de emtiaların kendisi gibi topraktan, madenden, üretimden gelmeli. Renk paleti de tıpkı tipografi gibi bir haber sitesinin sessiz mimarisi. Doğru seçildiğinde fark etmiyorsunuz ama her haberi daha rahat okuyor, her bölümü daha kolay ayırt ediyorsunuz. Emtia Defteri'nde tam bunu hedefledik.
