Desain · Pasal DSN-01
Pemisahan memakai bidang dan garis, bukan bayangan elevasi
--surface--surface-muted--surface-sunkenPermukaan produk tidak memakai bayangan untuk memisahkan. Yang memisahkan adalah
tangga bidang — --surface → --surface-muted → --surface-sunken — dan
garis rambut.
Cincin (box-shadow: inset) tidak termasuk larangan ini: ia penanda batas, bukan
elevasi. Yang dilarang adalah benda yang berpura-pura melayang di atas halaman.
Kenapa: bayangan adalah cara termurah membuat sesuatu tampak terpisah, dan justru karena murah ia dipakai berlebihan sampai kedalaman kehilangan arti. Tangga bidang memaksa keputusan yang lebih jujur: kalau sebuah blok butuh anak tangga ketiga, yang sebenarnya dibutuhkan biasanya halaman lain.
Cara menerapkan: naik satu anak tangga untuk mengatakan “aku satu kesatuan”. Untuk menonjolkan, pakai kontras tinta — bukan ketinggian. Arah tangga berlawanan antar mode: di terang ia turun dari putih, di gelap ia naik dari hitam.
Utang saat ini: 17. Sepuluh utility shadow-* dan tujuh deklarasi
box-shadow non-inset masih tersisa dari sebelum aturan ini ditulis. Ambang ini
membuat kode baru terikat tanpa menuntut utang lama dibereskan lebih dulu;
turunkan angkanya setiap kali ada yang dibersihkan.