Temeller

Tip

Dokuz adımlık ölçek, dört ağırlık, altı harf aralığı ve dört yazı ailesi.

--t-*--w-*--ls-*--font-*

Tip ölçeğidokuz adım · tamsayı · her adım öncekinin en az 1,15 katı

--t-labelCALL STATUS— / —mono label · uppercase · .1em

--t-capToday 14:32 · 2m 18s— / —caption · timestamp · unit

--t-smThe agent finished without handing off— / —helper text

--t-uiCreate a new agent— / —interface default · button · row

--t-bodyCall volume and handoff rate— / —body text

--t-cardDaily call volume— / —card · panel heading

--t-sec1,284— / —section heading · large number

--t-pageMetrics— / —page heading · sans

--t-displayAgent Manager— / —page heading · brand serif

Yarım piksel yok. Ölçeğe uymayan bir değer gerekiyorsa cevap yeni bir ham piksel değil: ya bileşen yanlış ölçülmüştür ya da ölçek eksiktir.

Ağırlıkdört rol

--w-bodyAjan yöneticisi—body text · long reading

--w-uiAjan yöneticisi—interface · button · row name

--w-emAjan yöneticisi—real emphasis · card heading

--w-displayAjan yöneticisi—sign-in screen heading

600 "her şey" değil gerçek vurgu; her şey vurgulanıyorsa hiçbir şey vurgulanmıyordur.

Harf aralığıaltı adım · rol taşır

--ls-tight1,284—display · large number

--ls-snugDaily call volume—page · section · card heading

--ls-flatThe agent finished without handing off—body · interface · default

--ls-unit2m 18s—unit suffix · small mono number

--ls-labelCALL STATUS—mono label · uppercase

--ls-brandREFERANS—eyebrow · marka etiketi

Büyük harf mono açılmadan okunmuyor, büyük tipografi kapanmadan dağılıyor — ikisi ayrı basamak olduğu için ayrı ayrı ayarlanabiliyor. Ham em değeri yazılmaz.

Yazı aileleridört aile · next/font ile yükleniyor

--fontThe agent finished without handing off—the whole interface · Plus Jakarta Sans

--mono--brand-ink · 14:32—token · number · timestamp · code

--font-brand-displayAgent Manager—page heading · brand-moment serif

--font-brand-labelREFERANS—eyebrow · marka etiketi

Ölçek "kaç piksel"i söylüyor, aile "hangi ses"i. Aynı 34px sansta yönetim arayüzü, serifte marka anı okunuyor — bu yüzden serif için ölçekte ayrı bir adım var (--t-display), sans oraya çıkmaz.