Yazı Tipleri
Tipografi bir sayfadaki kelimelerden daha fazlasıdır; marka kimliğimizin dokusunu ören temel bir unsurdur. Özenle seçtiğimiz yazı tiplerimiz mesajımızın sessiz elçileridir ve tüm iletişimlerimizde tutarlı ve tanınabilir bir ses sunar.
Hızlı Bağlantılar:
Yazı tipimiz, bilgi aktarmanın ötesinde, markamızın özünü temsil ediyor - temizlik, modernlik ve profesyonelliğin uyumlu bir karışımı. Bu bölümde, yalnızca kullandığımız yazı karakterlerini değil, bunların uygulanmasına rehberlik eden ve her etkileşimde markamızın kusursuz ve etkili bir şekilde temsil edilmesini sağlayan ilkeleri de keşfediyoruz.
Tipografi sistemimiz çok yönlülük için tasarlanmıştır ve çeşitli ortamlara uyarlanabilen akıcı kılavuzlar sunar; her kanal, uyumlu ancak özel bir marka temsili için kapsayıcı sistemimizden uyarlanmış farklı özelliklere sahiptir.
Simplon
Birincil paletimiz kreatif çalışmalarımızın büyük kısmını oluşturur ve her parçada en güçlü tonları temsil etmelidir.
Norm
Norm alt ailesi birincil yazı tipimizdir ve 8 ağırlıkta gelir.
Mono
Tam bir mono karakter seti olmasına rağmen, sadece sayılar için nadiren kullanılır.
Roboto
Roboto, Simplon'un kullanılamadığı durumlarda kullanılır. Bir sistem yazı karakteri kesinlikle gerekli veya zorunlu ise, Roboto kabul edilebilir bir yedektir.
Font Awesome Pro
erişilebilirlik. Bu yazı tipinin özel simge sistemlerimizin yerine geçmediğini, daha ziyade metin tabanlı çözümlerin gerekli olduğu durumlarda uygulanması gerektiğini belirtmek önemlidir.
Simge karakterlerini kolayca bulmak ve kopyalayıp yapıştırmak için bu sayfayı veya Font Awesome web sitesini kullanın.
Font Awesome Pro birkaç farklı ağırlıkla paketlenmiştir. Bu karakterler yalnızca tablolar ve grafikler için daha küçük boyutta kullanıldığından, yalnızca Regular veya Solid kullanıyoruz ve asla light kullanmıyoruz.
Yazı tipi ailesi 100'lerce karakterle birlikte gelir. Aşağıda, grafik ve tablolarda kullanım için onaylanan birkaç karakter yer almaktadır.
Font Awesome Regular
Font Awesome Katı
Renk
Kullanım & Uygulama
Font ve tipografi sistemimizi kullanmanın doğru ve yanlış yollarını özetlediğimiz kullanım ve uygulama örneklerini aşağıda keşfedin. Tasarım ritmimizde, içerik ve tipografi iyi koordine edilmiş bir dans gibi işbirliği yapar. Bu kurallar, görsel yazı tipi ve içerik tasarımının birlikte nasıl çalışacağına rehberlik ederek okunabilirlik, estetik ve marka kimliğinin mükemmel bir karışımı için birbirlerini tamamlamalarını sağlar. Bazı görsel zorluklar içerik değişiklikleriyle çözülebilir ve bazı içerik zorlukları görsel çözümlere ihtiyaç duyar.
Kavramsal rehberlikle karşılaşacak olsanız da, markamızın kapsadığı ortamların çeşitli ve dinamik doğası nedeniyle kesin şartnameler kasıtlı olarak bulunmamaktadır. Baskı veya web tasarımı gibi departmanlar, her bir mecranın en iyi uygulamalarına uyum sağlamak için bu yol gösterici ilkelere dayanarak kendi şartnamelerini oluşturur.
Kahramanca, güçlü ifadelerimizin büyük bir etki yaratmasına yardımcı olmak için Simplon Norm Bold yazı tipi ağırlığımızı büyük boyutlarda kullanın.
Kahramanca, güçlü ifadelerimizin büyük bir etki yaratmasına yardımcı olmak için Simplon Norm Bold yazı tipi ağırlığımızı büyük boyutlarda kullanın.
Büyük başlıklara bolca açık alan bırakın. Mesajın, gereksiz grafikler veya diğer içeriklere yakınlık tarafından engellenmeden kendi adına konuşmasına izin verin.
Büyük, kalın etki ifadeleri sıkı olmalıdır; en fazla 3-5 kelime. Noktalama işaretleri nokta veya soru ile drama yaratmak için kullanılabilir. Noktalama işaretleri ve cümle yapısı her zaman birlikte kullanılmalı ve uyumsuz olmamalıdır.
Bazen 3-5 kelimelik olmayan güçlü bir açıklama yapmamız gerekir. Normal ağırlıktaki yazı tipini kullanın ancak büyük boyut, boşluk, noktalama ve büyük harf kurallarına uyun.
Başlıklar ve etki ifadeleri büyük boyuttadır ve gövde metninden daha dar bir satır yüksekliği gerektirir. 100 yazı tipi boyutuna göreli satır yüksekliği önerilir ancak ortama göre ayarlanabilir. Etki metninde satır yüksekliğini uzatmaktan ve satır yüksekliğini alçaltıcı ve yükselticilerin değdiği noktaya kadar sıkıştırmaktan kaçının.
Başlıklar ve etki ifadeleri büyük boyuttadır ve gövde metninden daha dar bir satır yüksekliği gerektirir. 100 yazı tipi boyutuna göreli satır yüksekliği önerilir ancak ortama göre ayarlanabilir. Etki metninde satır yüksekliğini uzatmaktan ve satır yüksekliğini alçaltıcı ve yükselticilerin değdiği noktaya kadar sıkıştırmaktan kaçının.
Küçüldükçe bazı okunabilirlik sorunları yaratacağından, daha küçük boyutlarda kalın ağırlığımızı kullanmayın. İçeriğin kontrastını ve düzenini yüksek seviyede tutmamız gerekir, bu nedenle sayfanın rahat okunmasını sağlamak için boyut, renk ve ağırlık kullanın.
Etki işlemini bariz olanı belirtmek için kullanmayın. Bu blokları bağlam içinde tutmak için üst çizgiler, alt başlıklar veya yakınlık kullanın.
SONRAKİ BÖLÜM
Hiyerarşi Önemlidir
Her şey en önemli şey olamaz. Kullanıcıyı yönlendirmek için tipografiyi kullanın ve yazıyı hızlı bir tarama veya rahat bir derin dalış haline getirin.
Alt Başlıklar Hızlı Okunur ve Taranır
Başlığa benzer bir alt başlıkta çok fazla şey söylemeye çalışmayın. Kullanıcıya, isterse daha fazlasını okuması için havuç veya ekmek kırıntısı verin. Yazı boyunca başlıkları hikayedeki kilometre işaretleri olarak kullanın. Kullanıcı tüm sayfayı kaydırırsa veya bir sayfayı tarar ve yalnızca başlıkları okursa hikayenin temel önermesini anlayabilir mi? Kendileri için önemli olan şeyleri hızlıca bulabilirler mi?
Alt başlıklar, ana başlıklarla aynı noktalama ve yazım kurallarına uymalıdır.
İkincil veya iç içe geçmiş ifadeler kullanmanız gereken durumlar olacaktır. Bu alt başlıklar için de aynı ilkeleri kullanın. Tıpkı daha büyük etkili ifadelerde olduğu gibi, yazınızda yeterli kontrast ve hiyerarşi yaratmak için renk, ağırlık ve boyut kullanın. Sadece güzel göründüğü için değil, okunması da daha kolay olduğu için.
Hiyerarşi Önemlidir
Hikayeyi parlatmak için marka araç kutusundaki tüm araçları kullanın.
Temiz tip uzmanlığımızı gösterir.
- Satır Yüksekliği - Satır yüksekliği değişebilir ve belirli ortamlar için buna ihtiyaç duyulur. Gövde yazısının ulaşılabilir ve aynı zamanda rahat ve okunaklı olması için %130 ile başlayın ve asla yazı tipi boyutunuzun %155'ini geçmeyin. Altyazı metni daha dar olabilir ancak gövde yazısı asla %100'den daha dar olmamalıdır. Teknik bir yazı, dar bir alanda önemli miktarda içerik gerektirebilirken, bir pazarlama yazısı her zaman aşırı içerik yüklemesine karşı net ve açık olmaya yönelmelidir.
- Paragraf Yüksekliği - Yukarıdakine benzer şekilde, bunun içerik ve ortam için uygun olduğundan emin olmanız gerekir. Bununla birlikte, yazı tipi boyutunuzun %100'ü ile %140'ı arasında bir değer seçin.
- Satır İçi Şekillendirme - Satır içi şekillendirme, daha büyük bir metin gövdesi içinde bir vurgu veya odak noktası ekleyebilir. Bu teknikleri idareli kullanın ve sadece anahtar birkaç kelimeyi vurgulamaya çalışın.
Bir düşünce veya cümlenin tamamını vurgulamamız gerekiyorsa, tamamen yeni bir satıra geçmeyi deneyin.
Rahat bir okuma deneyimi yaratmak için yazı rengini kullanın ve eylem çağrıştıran renkler kullanın. Eylem rengini asla başlık olarak kullanmayın. Maviyi eylem ve bağlantılar için ayırın ve statik yazılar için kullanmaktan kaçının. Uygun yazı kontrastı gereksinimleri için aşağıdaki erişilebilirlik yönergelerini incelediğinizden emin olun.
Erişilebilirlik
Mümkün olduğunca çok sayıda müşterimizin tutarlı bir deneyim yaşamasını sağlamak için her zaman mümkün olduğunca erişilebilir kalmak istiyoruz. Bunu yapabilmemizin bir yolu, metin için kontrast oranlarına ilişkin WCAG 2.1 yönergelerine bağlı kalmaktır.
Aşağıda, arka plan renkleri olarak ana paletlerimiz için kabul edilebilir minimum kontrast oranını göreceksiniz. Üst üste bindirildiğinde, paletimizden farklı kabul edilebilir metin renkleri gösterilecektir. "Minimum" derken, AAA standartlarını karşılamak için kullanılabilecek daha açık arka planlar üzerindeki en açık metni tanımladığımızı kastediyoruz. Bu renk, gölge grubundaki herhangi bir koyu renk de dahil olmak üzere kullanılabilir. Koyu arka planlar ve metinde daha açık renkler için de tam tersi geçerlidir.
Lütfen metin renginin kalın bir ağırlıkta gösterilmesi durumunda yalnızca AA standartlarına ulaşacağını ve küçük, hafif yazı tipi ağırlığı uygulamalarından kaçınılması gerektiğini unutmayın.
Yalnızca önerilen metin renklerini gösteriyoruz. Mor, turuncu, sarı ve deniz mavisi vurgular metin için önerilmez.
Nötrler
Metniniz aşağıda belirtilen tonların herhangi birinden daha koyu olabilir.
Donanma
Metniniz aşağıda belirtilen tonların herhangi birinden daha açık olabilir.
Mavi
Metniniz, paletin hangi yarısını kullandığımıza bağlı olarak aşağıda belirtilen tonların herhangi birinden daha açık veya daha koyu olabilir.
