Mevzuatın görsel anayasası.
Anayasa'dan Tebliğ'e, basılı belgeden mobil arayüze.
Türkiye Cumhuriyeti mevzuat sisteminin kromatik, tipografik, jeton ve UI yüzey doktrini. Üç bağımsız evreni — tipografi, renk, geometri — tek bir devredilebilir kaynakta birleştirir. W3C DTCG · OASIS Akoma Ntoso · WCAG 2.1 AAA.
Sistem üç bağımsız ama birbirine sıkı bağlı evreni tek doktrinasyonda birleştirir. Her evren tek-amaç ayrılığı ile sistemin kararlılığını taşır.
Variable serif (Fraunces) mevzuat metni · variable sans (Albert Sans) UI · variable mono (Recursive) URI ve veri. Üç ailenin tek-amaç ayrılığı sistemin kararlılığının temelidir.
Beş ana renk ailesi (TBK, Turkuvaz, Bordo, Lacivert, Amber) + nötr gri. Her aile 12-step LCH ile algısal-eşit aralanır. Her renk bir kademe mührüdür.
Selçuklu motif kütüphanesi — rozet, sigil, elmas zinciri. Sabit 0 radius. iOS soft-corner doktrinasyonunun karşıtı: kurumsal sade keskin köşe.
Her mevzuat kademesi kendi kromatik kimliğine sahiptir. Tek-renk monomania reddedilir — sistem dağıtık otoriteyi beş-renk kompozit palet ile görsel olarak ifade eder.
Her renk ailesi LCH renk uzayında 12 algısal-eşit adıma türetilmiştir. Radix Renkler metodolojisi: her step belirli bir UI rolüne karşılık gelir (App bg, subtle bg, element bg, border, solid base, hover, text…).
Her aile tek bir amaça hizmet eder. Karışım olmaz. Mevzuat metni Fraunces, UI Albert Sans, URI ve veri Recursive. Hepsi SIL OFL 1.1 lisansı altında, ticari kullanım serbest.
Akoma Ntoso XML doğrudan render edildiğinde semantic jetonlar otomatik uygulanır. Aşağıdaki yüzey gerçek bir AKN belge'sini Düstur stilleriyle gösterir.
(1)Kanunun suç saydığı fiilleri işlemek amacıyla örgüt kuranlar veya yönetenler, örgütün yapısı, sahip bulunduğu üye sayısı ile araç ve gereç bakımından amaç suçları işlemeye elverişli olması halinde, dört yıldan sekiz yıla kadar hapis cezası ile cezalandırılır.
(2)Suç işlemek amacıyla kurulmuş olan örgüte üye olanlar, iki yıldan dört yıla kadar hapis cezası ile cezalandırılır.
(3)Örgütün silahlı olması halinde, yukarıdaki fıkralara göre verilecek ceza dörtte birinden yarısına kadar artırılır.
(4)Örgütün faaliyeti çerçevesinde suç işlenmesi halinde, ayrıca bu suçlardan dolayı da cezaya hükmolunur. Bkz. Madde 221.
W3C DTCG Format Module standardı üzerinde inşa edilmiş üç katmanlı mimari. Bileşen kodu primitive değerleri tanımaz; sadece UI rolünü çağırır. Renk değişirse: tek nokta dokunulur, sistem güncellenir.
Ham değer kütüphanesi · politik olarak nötr · hiçbir UI rolüne bağlı değil. Doğrulanabilir kaynağa bağlı (TS standardı, akademik kaynak, devlet teamülü).
Rol-bağlam kütüphanesi · primitive'lere referans tutan. UI rolüne göre adlandırılmış. Bileşenlerin tek tükettiği katman.
Bileşen-düzeyi · semantic'e referans · bileşen-özel özelleştirmeler. Üçüncü katman bileşenleri semantic'ten ayırır.
Bir tasarım sistemi insan tarafından okunsa bile, makine tarafından uygulanmadığı sürece çoğaltılamaz, devredilemez, sürdürülemez.
— Bölüm IV · Jeton Mimarisi DoktriniSistemin her doktriner kararı kodla denetlenir. 8 audit script · 911ms full pipeline. CI'da her PR'da çalışır.
| Audit | Script | Kapsam | Durum |
|---|---|---|---|
| Token Lint | lint-tokens.mjs | JSON + DTCG + referans çözümleme | ✓ PASS |
| Contrast (WCAG + APCA) | check-contrast.mjs | Tier rozet · body · link kombinasyonları | ✓ PASS |
| TR Diakritik | check-diacritics.mjs | 3 font ailesi · 6 TR karakter belgeli | ✓ PASS |
| LOCKED Jeton | check-locked.mjs | index.json ↔ $extensions tutarlılığı | ✓ PASS |
| Renk Körlüğü | check-colorblind.mjs | Brettel + ΔE2000 · 7 tier × 3 CVD tipi | ✓ PASS |
| Akoma Ntoso XSD | check-akn.mjs | OASIS LegalDocML 3.0 · xmllint --schema | ✓ PASS |
| Cross-Platform Build | sd-config.mjs | 5 hedef · mm→dp/pt custom transform | ✓ PASS |
| Visual Regression | visual-regression.mjs | Playwright + pixelmatch · 6 sayfa baseline | ✓ PASS |
Web'den iOS'a beş platforma tek kaynaktan. CDN, npm, self-hosted · seçim sizin.
# 1. Yükle npm install @dustur/tasarim-sistemi # 2. CSS import et <link rel="stylesheet" href="node_modules/@dustur/tasarim-sistemi/css/dustur.css"> # 3. Bileşeni kullan <span class="yuzey-badge kanun">KANUN</span>
# Tek satır, npm gerektirmez <link rel="stylesheet" href="https://unpkg.com/@dustur/tasarim-sistemi/css/dustur.css"> # Tema değiştirme <html data-tema="yuksek-kontrast">
// Style Dictionary çıktısı import UIKit public class TCMTokens { public static let tcmKanunMark = UIColor(red: 0.102, green: 0.545, blue: 0.549, alpha: 1.0) }
<!-- Android resources --> <resources> <color name="tcm_kanun_mark">#ff1a8b8c</color> <dimen name="tcm_space_4">15.12dp</dimen> </resources>
Tam doktriner belge ~100 sayfa A4 PDF olarak hazırdır. Aşağıdaki kaynaklar sistemin tüm boyutlarını dolaşmanız için.
9 demo bölüm · tema switcher · scrollspy · 7 tier · 12-step scale'lar
● Quickstart5dk kurulum · ilk component · iOS/Android/AKN XML · dev workflow
● TokensJSON kaynak · 308 jeton · 3 katman · LOCKED listesi · $extensions
● ArchitectureDTCG · naming · cross-platform export · governance · RACI
● XMLOASIS standart · element omurgası · ELI URI · TR adaptasyon
● A11yBrettel + ΔE2000 audit · non-color cue zorunluluğu · doktriner kararlar
● Governance4-aşamalı jeton RFC protokolü · RACI · Semver · LOCKED policy
● ReferenceTam orijinal · Paged.js A4 PDF · ~100 sayfa · 7 bölüm + ön/arka-matter