Skip to content
Ercan Labs
← Tüm işlerDATA · Kendi ürünü · shipped

Style Lab

Tasarım stili kataloğu: token'ları, ölçülebilir hareket imzası ve 580 sahne görüntüsüyle 145 stil.

145
stil
580
çekirdek sahne
38
kapı adımı
167
doküman

Bu nasıl ölçüldü: Sayılar kit/styles.index.json, kit/shots.manifest.json ve kit/gates.sh dosyalarından. Sahneler okuma anında üretilen değil, depoya işlenmiş PNG dosyaları.

Mimariduplicate fingerprint check
  1. SCHEMA
    • tokens.json
    • style.md
    • token-block.css
  2. GATES
    • 38 adımşema · kontrast · koyu mod
  3. RENDER
    • headless Chrome
    • 580 PNG
  4. OUT
    • galeri
    • AI brief
Stil yalnızca düzyazıda var olamıyor: şema, token ve çizilmiş sahne olmadan katalogda yer almıyor.

Problem

Müşteri işleri aynı yerleşime düşüyordu: koyu hero, üç kart, bol boşluk. Sorun zevk değildi; ortada sözlük yoktu. Her proje sıfırdan başlıyor ve aynı varsayılanlara uzanıyordu.

Çözüm mood board değildi. Her stilin makine okur token'ı, yazılı imzası ve gerçekten çizildiğine dair kanıtı olan bir katalog gerekiyordu.

Kısıtlar

  • Her stil yalnızca token'lardan yeniden üretilebilmeli; birinin beğendiği ekran görüntüsünden değil.
  • Tekdüzelik ölçülebilmeli: iki stil aynı parmak izini üretiyorsa katalog yalan söylüyor demektir.
  • Ekran görüntüsü pahalı; depoda yalnızca stilin var olduğunu kanıtlayan kadarı durmalı.

Mimari kararlar

01

Stil doküman değil, şema

Her stil style.md (neden), tokens.json (palet, tipografi, hareket) ve token-block.css ile geliyor. Galeri şemadan üretiliyor; bir stil sadece düzyazıda var olamıyor.

Bedeli: 145 stil için JSON yazmak, 145 blog yazısı yazmaktan uzun sürüyor.

02

Stil başına dört sahne depoda, gerisi üretiliyor

Landing, dashboard, components ve dark landing depoda (580 PNG, ~167 MB). Kalan 27 sahne istendiğinde gitignore'lu önbelleğe üretiliyor (3.915 görsel); depo klonlanabilir kalıyor.

Bedeli: Derin inceleme öncesi bir üretim adımı; maliyeti deponun kendi revizyon raporunda ölçülü.

03

Commit öncesi 38 kapı

Kabuk betiği şema geçerliliğini, kontrastı, koyu mod paritesini, görsel varlığını ve kopya parmak izini denetliyor. Sözleşmeyi çiğneyen stil commit edilemiyor.

Bedeli: Commit yavaşlıyor; karşılığında katalog sessizce kaymıyor.

04

Tekdüzelik endeksi bir sayı

Hero/nav parmak izleri stiller arasında karşılaştırılıyor; raporlanan endeks %100'den (hepsi aynı) %16'ya indi. Çeşitlilik iddiası artık kanıtlanmak zorunda.

Bedeli: Bakımı gereken ek bir uyumluluk matrisi.

Kanıt

  • Stil145 (21 aile)
  • Çekirdek sahne580 commit'li PNG
  • Üretilen sahne3.915 yerel önbellekte
  • Kapı adımı38
  • Doküman167 markdown dosyası

Bilinen sınırlar

  • Katalog stilin çizildiğini kanıtlıyor, sattığını kanıtlamıyor; dönüşüm verisi yok.
  • Hareket imzaları parametre olarak ölçülüyor, algılanan kalite olarak değil.
  • İç araç: depo özel, stiller yeniden kullanım için lisanslı değil.

Ne öğrendim

Zevk ancak sayıya dönüştüğünde yeniden kullanılabilir oluyor. Palet, tipografi ölçeği ve hareket eğrisi incelenebilir, karşılaştırılabilir, reddedilebilir; "premium hissettirsin" reddedilemez.

Stack

NodeCSSJSON schemaHeadless ChromeMarkdown