Tipografi

Ölçek bir yoğunluk kararını, yüzler ise bir font kararını temsil eder: bu sayfa bir şeklin nasıl okunduğunu gösterir, bugün ne kadar değerli olduğunu değil. Hata ayıklama panelinde font eksenini değiştirin ve aşağıdaki her şey başka bir yüzle değiştirilir, kural değişmeden.

Aileler

Üç, çünkü bir sayfa bunu ayırt eder: ne ile yazıldığı, ne ile başlıklandırıldığı ve neyin yazıldığı gibi okunması gerektiği. Bir set, üçüne de aynı yüzü verebilir — sistem yüzü bunu yapar.

--font-family-base

Hızlı kahverengi tilki tembel köpeğin üzerinden atlar — 0123456789

--font-family-heading

Hızlı kahverengi tilki tembel köpeğin üzerinden atlar — 0123456789

--font-family-mono

Hızlı kahverengi tilki tembel köpeğin üzerinden atlar — 0123456789

Ağırlıklar

Ne kadar ısrarcı olduklarına göre adlandırılır, asla sayıya göre değil. 500’ü olmayan bir yüz, sahip olduğu üzerine yerleştirir ve ortalama isteyen şekiller ortalama istemeye devam eder.

--font-weight-normal — Hızlı kahverengi tilki tembel köpeğin üzerinden atlar — 0123456789

--font-weight-medium — Hızlı kahverengi tilki tembel köpeğin üzerinden atlar — 0123456789

--font-weight-strong — Hızlı kahverengi tilki tembel köpeğin üzerinden atlar — 0123456789

--font-weight-bold — Hızlı kahverengi tilki tembel köpeğin üzerinden atlar — 0123456789

Yazı ölçeği

Tasarım Sistemi — Harika arayüzler için yapı taşları

Her sayfada bir kez kullanılır. Birincil bağlamı belirler. Kısa bir giriş paragrafı ile eşleştirilir.

Tipografi hiyerarşi ve ritmi belirler

Bölüm seviyesi başlığı. İlgili içeriği gruplar. Genellikle gövde metni veya alt bölümlerle takip edilir.

Boşluk ve oran okunabilirliği şekillendirir

Alt bölüm başlığı. Bir bölüm içinde odaklanmış bir konuyu tanıtır.

Renk ve kontrast gözü yönlendirir

Kart başlıkları, yan panel bölümleri veya küçük gruplar için kullanılır.

Etkileşimli durumlar belirgin olmalı

Etiketler, meta veri başlıkları, küçük gruplar. Gövde metninden ince ama belirgin bir şekilde ayrılır.

Erişilebilirlik bir özelliktir, sonradan düşünülmemiştir

En küçük başlık seviyesi. Az kullanın — dipnotlar, yasal bloklar veya yardımcı etiketler için.