02 / Kendi sistemimiz
Atlas
Her Invisent yapımının başladığı token ve bileşen sistemi — tasarım dosyalarıyla üretim kodunun paylaştığı tek değer kümesi.
- Sistem
- Invisent
- Yıl
- 2025
- Sektör
- Tasarım sistemleri
- Yetkinlikler
- Marka SistemleriDijital DeneyimGeliştirme
- 01İki katmanlı tokenlar
- 02Durumlu bileşenler
- 03Hareket sözleşmesi
- 04İki dilli tipografi
Kendi sistemimiz. Invisent tarafından kendi kullanımı için kuruldu ve işletiliyor. İçinde müşteri verisi yok; bu sayfada performans iddiası da yok.
Bağlam
Tasarım sistemleri genellikle dosya ile yapım arasındaki boşlukta çöker. Palet bir yerde kararlaştırılır, başka bir yerde yeniden yazılır ve altı ay sonra ikisi, kimsenin izini süremediği birkaç puanlık saydamlıkla çelişir.
Problem
Her seferinde mühendisliği sıfırlamadan çok farklı müşteri kimliklerini taşıyabilecek bir temel gerekiyordu: yapının sabit, kimliğin ise değiştirilebilir bir değer kümesi olduğu bir sistem.
Yaklaşım
Atlas iki katmanı ayırır. İlkel katman ham kararları tutar — renk rampaları, akışkan tipografi ölçeği, boşluk ritmi, hareket eğrileri. Anlamsal katman bunları rolleriyle adlandırır: yüzey, çizgi, mürekkep, sinyal, odak. Bileşenler yalnızca anlamsal katmanı okur; böylece kimlik değiştirmek bileşen değil değer değiştirmek olur.
Erişilebilirlik ilkellere gömülü. Her anlamsal mürekkep–yüzey çifti, tutması gereken kontrast oranıyla birlikte tanımlanıyor; dolayısıyla denetimden sessizce düşen bir tema eklenemiyor.
Sistem
- 01
İki katmanlı tokenlar
İlkeller ham değerleri, anlamsal tokenlar rolleri tutar. Bileşenler hiçbir zaman doğrudan bir ilkele dokunmaz.
- 02
Durumlu bileşenler
Her bileşen varsayılan, üzerine gelme, odak, basılı, yükleniyor, boş ve hata durumlarıyla gelir; çünkü bir yapımı yarım hissettiren şey eksik olanlardır.
- 03
Hareket sözleşmesi
Üç süre, üç yumuşatma ve tek kural: yalnızca transform ve opacity animasyon alır, hareket azaltıldığında her şey kapanır.
- 04
İki dilli tipografi
Genişletilmiş Latin kapsamı ve Türkçe metinle sınanmış düzen kuralları — ki Türkçe daha uzun akar ve farklı kırılır.
Zincirdeki yeri
- 01BulunurBu kaydın parçası değil
- 02OkunurKapsamda
- 03SeçilirBu kaydın parçası değil
- 04SorulurBu kaydın parçası değil
- 05YanıtlanırBu kaydın parçası değil
- 06SayılırBu kaydın parçası değil
Bu kaydın kullandığı disiplinlerden türetilir: bir aşama, görünmez yarısının sahibi bu disiplinlerden biriyse işaretlenir.
Ölçüm
Bir tasarım sistemi, engellediği şeylerle ölçülür; bunu saymak zordur. Sayılabilen iki şey var ve ikisini de izliyoruz: jeton kümesinin dışına eklenen tekil değerlerin sayısı ve her derlemenin sistemden devraldığı stil dosyası ağırlığı.
İkisi de bir sayfada bir kez alıntılanmak yerine her yayında bütçeye karşı kontrol ediliyor. Hiçbiri sistemde çalışmanın keyifli olup olmadığını söylemiyor; onu kullanana soruyoruz.
Sonuç
Yeni bir Invisent yapımının karar aşamasından değil bileşen aşamasından başlamasının sebebi Atlas. Bu web sitesi de onun üzerine kurulu; mevcut en doğrudan gösterim bu: şu anda bu sayfayı oluşturan tokenlar sistemin kendi tokenları.
Kullanılan yetkinlikler
- Marka SistemleriKimlik çalışan bir sistem olarak kurulur — token, tipografi, hareket ve dil — PDF eklenmiş bir logo olarak değil.
- Dijital DeneyimSite, ürün ve kampanyalar için arayüz tasarımı; bileşen düzeyinde kurgulanır ve gerçek bir telefonda kanıtlanır.
- GeliştirmeÜretim mühendisliği: tipli içerik, sunucu taraflı render, performans bütçeleri ve başkasının da sürdürebileceği bir kod tabanı.
—Başlangıç
Kurulmaya değer bir sisteminiz mi var?
Bize işin ne yapması gerektiğini anlatın. Biz de kurmak için nelerin, ayakta tutmak için nelerin gerektiğini söyleyelim.