INVISENT®

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
işler / atlasKendi sistemimiz
  1. 01İki katmanlı tokenlar
  2. 02Durumlu bileşenler
  3. 03Hareket sözleşmesi
  4. 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

atlas / mimariKendi sistemimiz
  1. 01

    İki katmanlı tokenlar

    İlkeller ham değerleri, anlamsal tokenlar rolleri tutar. Bileşenler hiçbir zaman doğrudan bir ilkele dokunmaz.

  2. 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.

  3. 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.

  4. 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

  1. 01BulunurBu kaydın parçası değil
  2. 02OkunurKapsamda
  3. 03SeçilirBu kaydın parçası değil
  4. 04SorulurBu kaydın parçası değil
  5. 05YanıtlanırBu kaydın parçası değil
  6. 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

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.