6XC

Tipografi Ölçeği Oluşturucu (Type Scale)

Taban punto ve orandan modüler tipografi ölçeği kurun — canlı önizleme, px/rem tablosu ve kopyalanabilir CSS değişkenleri.

600 görüntülenme

Neden Modüler Ölçek?

Başlık boyutlarını göz kararı seçmek yerine, modüler ölçek taban boyutu her adımda sabit bir oranla çarpar: 16 px taban + 1,25 (majör üçlü) oranı 20, 25, 31,3, 39,1, 48,8... verir. Boyutlar birbirine müzikal oranlarla bağlanır; tabanı veya oranı değiştirince tüm hiyerarşi birlikte yeniden akort olur.

Yaygın oranlar: 1,125 (majör ikili — yoğun arayüz), 1,25 (majör üçlü — güvenli varsayılan), 1,333 (tam dörtlü — editoryal), 1,618 (altın oran — dramatik, az seviye kaldırır). Üretilen CSS değişkenleri doğrudan stil dosyanıza yapıştırılır; rem değerleri 16 px kök varsayar.

Sıkça Sorulan Sorular

Hangi oranı seçmeliyim?

Ürün/arayüz işleri genelde 1,125-1,25'te durur (başlıklar gövdeden çok büyük olmaz); pazarlama ve editoryal sayfalar 1,333-1,618'i taşır. h1 bağırıyorsa tek boyutu elle küçültmek yerine oranı bir kademe düşürün.

Ölçek neden tabanın altına da iniyor?

Eksi adımlar (taban ÷ oran) aynı sisteme ait açıklama ve küçük metin boyutları verir — 16/1,25 ölçeğinde rastgele bir 13 yerine 12,8 px.

px mi rem mi kullanmalıyım?

CSS'te rem: tarayıcı yazı boyutunu büyüten kullanıcı ölçeğin tamamını orantılı büyütür. px sütunu tasarım aracındaki taslaklar içindir.

Benzer Araçlar

CSS Gradient Oluşturucu Doğrusal, dairesel ve konik CSS degradelerini canlı önizlemeyle tasarlayın, kodu kopyalayın. Oluştur CSS Box Shadow (Gölge) Oluşturucu Kutu gölgesini görsel olarak tasarlayın — kaydırma, bulanıklık, yayılma, renk, opaklık ve inset — canlı önizlemeli. Oluştur CSS Border Radius Oluşturucu Köşeleri tek tek veya hep birlikte, px ya da % olarak yuvarlayın — canlı önizleme ve kopyalanabilir CSS. Oluştur CSS Text Shadow (Yazı Gölgesi) Oluşturucu Yazı gölgesini kaydırma, bulanıklık, renk ve opaklıkla tasarlayın — örnek metin üzerinde canlı önizleme. Oluştur