Başlık boyutlarını rastgele değil, oranla seç
Başlık boyutlarını tek tek göz kararı belirlemek, sayfalar çoğaldıkça tutarsız bir görünüme yol açar. Tipografi ölçeği, temel bir yazı boyutunu sabit bir oranla çarpıp bölerek tüm boyutları aynı aileden türetir. Tipografi ölçeği oluşturucu temel boyutu, ölçek oranını ve temelin altında ve üstünde kaç adım istediğini alır; her adımın piksel ve rem değerini, önizlemesini ve doğrudan kullanabileceğin CSS değişkenlerini verir.
Yöntem geometrik bir dizidir: bir üst adım = önceki adım × oran, bir alt adım = önceki adım ÷ oran. Yaygın oranların müzikteki aralıklardan gelen adları vardır: 1,125 büyük ikili, 1,25 büyük üçlü, 1,333 tam dörtlü, 1,5 tam beşli. Altın oran (yaklaşık 1,618) ise çok belirgin bir hiyerarşi yaratır ve genellikle büyük başlıklı tanıtım sayfalarında tercih edilir.
Örnek: 16 piksellik temel ve 1,25 oranla yukarı doğru adımlar 20, 25, 31,25, 39,06 ve 48,83 piksel olur; aşağı doğru bir adım 12,8 pikseldir. Böylece gövde metni 16, h4 20, h3 25, h2 31, h1 yaklaşık 49 piksel gibi bir düzen elde edersin. Aynı tabanla 1,5 oranını seçersen beşinci adım 121 piksele çıkar; bu, mobilde fazla büyük kalabilir.
Uzun metin ağırlıklı sitelerde daha küçük oranlar (1,2–1,25), görsel ağırlıklı sayfalarda daha büyük oranlar uygundur. Mobil ve masaüstü için iki farklı oran seçip aradaki geçişi akışkan yapmak da yaygın bir yaklaşımdır. Satır yüksekliğini de büyük başlıklarda azaltmayı unutma.
Oranın matematiğini merak ediyorsan altın oran hesaplama aracına göz atabilirsin. Çıkan değerleri farklı birimlere çevirmek için piksel punto em rem dönüştürücü, ekran genişliğine göre akışkan hale getirmek için CSS clamp oluşturucu kullanılabilir. Metnin okunabilirliğini ayrıca okunabilirlik skoru hesaplama ile ölçebilirsin.