Clarvia AgentsPlatformTasarım sistemiDeğişmezler
Koyu tema
Kurallar

Değişmezler

Token mu ham değer mi, yeni basamak eşiği, sürüm günlüğü.

01
Ham renk yok

Renk kararlarının tamamı globals.css'in tepesindeki tema bloğunda. Kural içinde ham renk kalırsa koyu temada kırılır.

02
Ölçek dışı değer yok

Tip, ağırlık, yarıçap, yükseklik ve hareket için tek doğruluk kaynağı tokenlar. Uymayan bir değer gerekiyorsa ya bileşen yanlış ölçülmüştür ya da ölçek eksik.

03
Aksan bütçesi

Bir ekranda aksanlı hücre oranı %10'u geçmez. Geçtiği anda vurgu vurgu olmaktan çıkar.

04
Gradyan marka anıdır

Birincil eylem, boş ekran, kurulum panosu ve ilerleme. Yüzeyler (kart, alan, satır) düz renk kalır.

05
Yükseklik anlam taşır

Düz, yükseltilmiş, yüzen. Her bileşen tam birine ait; gölge dekorasyon değil katman bilgisidir.

06
Kontrast ölçülür

Metin AA (4,5:1), etkileşimli kenar 3:1 hedefinde, odak göstergesi iki katmanlı halka. Bu sayfadaki oranlar canlı ölçüm — kırmızı çıkan basamak düzeltilecek demektir.

07
Token or raw value

A value written a second time becomes a token. A number that stays in one place is not a token — naming it in the scale turns it into a shared decision, and it has not been shared yet.

08
The bar for a new step

A new token can be proposed, but not because “it looked right to me”. The question is always the same: was the component mis-measured, or is the scale missing a step? There is no third option.

09
Versions and changelog

Scale changes are written with their version in the block at the top of globals.css (v0.4 type · v0.8 neutrals · v1.0 planes · v1.3 spacing · v1.4 radius · v1.5 letter-spacing and breakpoints). No step can be reverted without reading why its value changed.