Tipografi Hiyerarşisi: H1, H2, Body Boyut Oranları (Major Second 1.125x)

Restoran menüsünde müşteri kategori başlığını 9 saniyede mi yoksa 18 saniyede mi bulsun? Cevap, kullandığınız tipografi ölçek oranında saklı. İzmir Bornova'da 22 masalı bir pide salonu, gelişigüzel "H1 büyük, H2 orta, body küçük" yaklaşımından Major Second (1.125x) matematiksel ölçeğe geçti ve müşterinin kategori bulma süresi yarıya düştü. Bu rehberde Major Second oranının neden menülere en uyumlu ratio olduğunu, hangi piksel değerlerinin kullanılacağını ve Type-Scale.com ile nasıl test edileceğini anlatıyoruz.

Major Second Neden 1.125x?

Tipografide ölçek oranı, en küçük yazı tipi boyutunu sırasıyla çarpan bir sabittir. Major Third (1.25x) kontrastı yüksek tutar ama küçük menülerde H1'i orantısız büyütür. Minor Third (1.2x) hâlâ agresiftir. Major Second yani 1.125x, müşteriye kategori-ürün-açıklama hiyerarşisini "doğal" hissettirir çünkü çevredeki ses-müzik ölçekleriyle aynı matematiksel yapıya sahiptir.

Pratikte 16px caption'dan başlarsanız: caption 16, body 20 (16×1.25 değil 20 yuvarlaması), H2 28, H1 32 elde edersiniz. Tablet ekranında bu oran rahat okunur; mobilde body'yi 18'e düşürmek yeterli olur.

Piksel Tablosu ve Kullanım

İşte menülerde test ettiğimiz en stabil kombinasyon:

• H1 (Kategori başlığı): 32px / line-height 1.2 / font-weight 700
• H2 (Alt kategori): 28px / line-height 1.25 / font-weight 600
• Body (Ürün adı): 20px / line-height 1.5 / font-weight 500
• Caption (Fiyat, allerjen): 16px / line-height 1.4 / font-weight 400

thMenu temalarında bu değerler default. Özel tema oluşturuyorsanız Settings → Tema → Tipografi'den ratio'yu 1.125 sabitleyin, base'i 16 bırakın.

Type-Scale.com ile Doğrulama

Type-Scale.com hesaplama aracını açın, "Major Second" preset'ini seçin, base font 16'yı girin. Sağ panelde H1-H6 değerleri otomatik üretilir. Ürettiği değerleri menünüzün gerçek görünümüyle karşılaştırın; mobilde Chrome DevTools 375px (iPhone SE) ile 768px (iPad) genişliklerinde A/B test edin.

Bornova pide salonu sahibi Hakan Bey, yeni ölçeği uyguladıktan sonra masa hizmet süresinin %12 azaldığını gözlemledi. Müşteriler kategoriyi hızlı bulduğu için garson çağırma oranı da düştü.

FAQ

Major Second yerine Golden Ratio (1.618x) kullanılır mı? Hayır — Golden Ratio H1'i orantısız büyütür ve menüde tek ekrana sığmaz. Editorial içerikte (blog) iyidir.

Mobilde tüm değerleri %80 küçültmeli miyim? Body'yi 18'e indirin, diğerleri 1.125x çarpanıyla otomatik orantılı kalır.

Hangi font ailesi en uygun? Sans-serif (Inter, Roboto, Open Sans) menülerde daha okunaklı. Serif (Playfair) yalnızca fine dining'de.

Faydalı buldunuz mu? Paylaşın.