Bir tasarım sistemi kurmak kolay. Onu iki yıl sonra hâlâ kullanılır tutmak zor. Fark, sistemin ne olduğunu düşündüğünüzde başlıyor.
Token’lar önce gelir
Renk, tipografi, boşluk ve hareket için isimlendirilmiş değerler. Bir bileşenden önce bunları netleştirmek, sistemin geri kalanını çok daha ucuz hale getiriyor. Çünkü token değişince her şey birlikte değişiyor.
Bileşenler sözleşmedir
Bir “Button” bileşeni yalnızca görsel bir şey değil; hangi durumları desteklediği, hangi prop’ları aldığı, ne zaman kullanılmayacağı konusunda bir anlaşmadır. Bu anlaşma dokümante edilmezse sistem çürür.
1 dosyaDemo metrik — tüm markayı re-skin etmek için değişen dosya sayısı
Bu temanın kendisi de öyle kuruldu: renkleri config/theme.php’de değiştirin, site baştan aşağı yeni bir kimlik kazanır.