Buradaki hiçbir biçim bu sayfa için icat edilmedi. Hepsi kilitli ana sayfadan çıkarıldı, ölçüldü ve DESIGN.md’ye sözleşme olarak yazıldı. Yeni bir yüzey kurarken önce buraya bakılır.
Dayanak
DESIGN.md §5
Kapsam
Yedi poz
Zemin
Galvaniz koyu
01POZ
Punto ölçeği
Yedi basamak, dibi 11 px. Bir bölüm bu listenin dışında punto yazmaz. Basamak 5–7 birlikte ölçeklenir, o yüzden ara bir punto üremez.
BasamakDeğerRolüÖrnek
--gs-fs-111 pxDamga · etiket · ipucu · dil koduGalvaniz sıcak daldırma
--gs-fs-212 pxBölüm etiketi · sayaç · telifGalvaniz sıcak daldırma
--gs-fs-314 pxMenü · düğme · değer · footer bağlantısıGalvaniz sıcak daldırma
--gs-fs-416 pxGövde metni · giriş paragrafıGalvaniz sıcak daldırma
--gs-fs-519 → 24 pxKart ve aks adı · slogan · bant başlığıGalvaniz sıcak daldırma
--gs-fs-628 → 40 pxBölüm başlığıGalvaniz sıcak daldırma
--gs-fs-740 → 76 pxManşetGalvaniz sıcak daldırma
02POZ
Boşluk ölçeği
Altı basamak ve bir ritim. Ölçüldü: eskiden 191 boşluk bildirimi 40 ayrı değer taşıyordu ve yalnız %61’i 4 px ızgarasına oturuyordu. Bu tahta ölçeği kullanan ilk yüzeydir.
Oranlar koyu zemine (#1B1E20) göre hesaplandı. Düz zeminde kontrast hesaplanır; görselin ya da videonun üstünde ÖLÇÜLÜR — hesap orada 40 birime kadar sapıyor.
RolüDeğerÖlçü
Zemin#1B1E20—
Yüzey#24282A—
Metin#E6E9EA13.73:1
İkincil#B9BFC29.01:1
Silik#8E95995.51:1
Ayırıcı çizgi#363B3E1.48:1
Eylem#B404042.36:1
Kırmızı bu zeminde metin olamaz
Koyu zeminde 2.36:1 verir. Yalnız DOLGU olarak kullanılır — beyaz metinli kırmızı düğme beyaz üzerinde 7.10:1’dir. Odak halkası da burada kırmızı olamaz.
7.10:1
Ayırıcı çizgi 1.48:1 ve eşiğin altında. Dekoratif sayılır: bilgi taşımıyor. Aynı oran bir düğmenin KENDİSİNİ çiziyorsa muaf değildir.
04POZ
Çerçeve · damga · kumpas
Bir görselin girdiği her yer aynı çerçeveyi kullanır. Dört ayrı gösteri değil, tek sistemin dört kullanımı.
Çerçeve
04Damga
Görselin yeri
Sözleşme
Kenar
1 px çizgi · üst kenar bir tık açık
Köşe işareti
Sağ üst ve sol alt · 20 px kol · 0 yarıçap
Damga
Sol üste perçinli plaka · zemini KATI · rakamlar tabular
Kumpas
Bölüntü her yerde aynı — aralık yüzde OLAMAZ
Yüzde, bölmenin kendi genişliğine göre hesaplanır; geniş bölmede çentikler üç kat seyrekleşir. Bölüntü tek bir genişlik değişkeninden türetilir.
05POZ
Eylem — düğme ve bağlantı
Sayfada en fazla BİR dolgu kırmızı düğme bulunur. İkincil eylem bağlantıdır, ikinci bir düğme değil.
Dolgu 0.9 / 1.6 rem · punto 16 · beyaz üzerinde 7.10:1
Dolgu 0.62 / 1.05 rem · punto 14
Bütün projeler1 px alt çizgi · hover’da RENK değil ÇİZGİ açılır
Dokunma hedefi
En az 24 × 24 CSS px. Hedefin ölçüsü metnin ölçüsü değildir: 11 px’lik bir dil kodu da 24 px’lik alan taşır. Kutu büyür, metin dikeyde ortalanır.