Hizmet adı · Kurum adı

# Kiriş · Türkiye kamu hizmetleri için tasarım sistemi (full reference) > Kiriş (Türkiye kamu hizmetleri için tasarım sistemi) is an open design system for Turkish public services. It has 116 HTML and CSS components with JavaScript, React and Vue wrappers, Turkish validators, DTCG tokens, and Tabler icons. Build tools use the Node.js standard library. Tests need React and Vue. Code and icons use MIT licences. State identity assets have separate terms. Kiriş has no government endorsement. This file is generated by `node tools/llms.mjs` from the registry, the component definitions, the core script, the validators and the tokens. It contains the complete markup of every component, the JavaScript API, the validator API and every design token. Version 1.0.1. ## How to integrate in 60 seconds **Plain HTML.** Include the two files from `packages/core/dist/` and call `baslat()` once. Every behaviour is keyed by a `data-kiris=""` attribute and enhances working HTML. ```html ``` **React.** `npm install @kiris-ds/react @kiris-ds/core`. Plain JavaScript, no JSX build needed for the library. Components take Turkish prop names and render the exact HTML of the docs. ```jsx import '@kiris-ds/core/css'; import { KimlikNoGirisi, Dugme } from '@kiris-ds/react';

Devam et ``` **Vue 3.5 or later.** `npm install @kiris-ds/vue @kiris-ds/core`. Render functions, no template compiler. `app.use(Kiris)` registers every component with the `Kiris` prefix. ```js import { createApp } from 'vue'; import { Kiris } from '@kiris-ds/vue'; import '@kiris-ds/core/css'; createApp(App).use(Kiris); // ``` ## Rules an AI must follow - Class names are Turkish BEM: `kiris-__--`. Never invent a class; every class in this file exists in `kiris.css`. - Colour, spacing, type and radius come only from tokens `--kiris-*`. Themes: ``, font size `data-kiris-yazi="normal|buyuk|cok-buyuk"`. Do not write raw hex values. - Every interactive part works without JavaScript. Script adds behaviour after `baslat()`; it never replaces markup. - Form fields: label + optional `.kiris-yardim` + optional `.kiris-hata` + input inside `.kiris-alan`. Errors also go to the page-top `.kiris-hata-ozeti`. Touch targets are 44 px. - Icons: inline the sprite `packages/identity/dist/kiris-simgeler.svg` once, then ``. 74 icons from Tabler Icons (MIT), one 24-unit grid, 2-unit stroke; do not add other icon sets. - State identity assets have separate terms in LICENSE-IDENTITY.md. Kiriş cannot grant permission for third-party logos. Code and Tabler icons use MIT licences. - Turkish text rules: `İ/ı` case with `trBuyuk()/trKucuk()`, sorting with `trSirala()`, money with `tlBicimle()`, dates as `gg.aa.yyyy`. ## Page skeleton A Kiriş page has this order. Full-width parts carry their own `.kiris-kap` container. The identifier and the footer never stand together; the corporate footer carries the institution. ```html Hizmet adı · Kurum adı Ana içeriğe geç

…

``` ## JavaScript API (@kiris-ds/core) `baslat(kok = document, secenek = {})` runs every initialiser below on the descendants of `kok`. Call it once after the DOM exists, and again after you insert new markup. Each element is initialised once (idempotent). `secenek.ilceGetir(ilKodu)` may return a promise of districts for the address part. Initialisers, each exported and each keyed by a `data-kiris` attribute: - `akordiyonBaslat(kok)` - `sekmelerBaslat(kok)` - `kipBaslat(kok)` - `hataOzetiBaslat(kok)` - `karakterSayaciBaslat(kok)` - `dosyaBaslat(kok)` - `parolaBaslat(kok)` - `aranabilirBaslat(kok)` - `aramaBaslat(kok)` - `geciciBaslat(kok)` - `cipBaslat(kok)` - `acilirBilgiBaslat(kok)` - `yanPanelBaslat(kok)` - `eylemMenusuBaslat(kok)` - `basaDonBaslat(kok)` - `cerezBaslat(kok)` - `cikisBaslat(kok)` - `siralaBaslat(kok)` - `aralikBaslat(kok)` - `adetBaslat(kok)` - `yazdirBaslat(kok)` - `maskeBaslat(kok)` - `takvimBaslat(kok)` - `cokluSecimBaslat(kok)` - `genisMenuBaslat(kok)` - `kayanPanoBaslat(kok)` - `yonlendirmeBaslat(kok)` - `ipucuBaslat(kok)` - `baslikCubuguBaslat(kok)` - `resmiAfisBaslat(kok)` - `erisimMenusuBaslat(kok)` - `kimlikNoBaslat(kok)` - `vergiNoBaslat(kok)` - `ibanBaslat(kok)` - `telefonBaslat(kok)` - `plakaBaslat(kok)` - `tarihBaslat(kok)` - `adresBaslat(kok)` - `kvkkBaslat(kok)` Conventions: a live region is `[data-kiris-durum]` (or `.kiris-*__durum` in older parts); an error slot is `[data-kiris-hata]`; a counter is `[data-kiris-sayac]`; `data-zorunlu` makes an empty field an error; custom events are `kiris:secildi`, `kiris:kapandi`, `kiris:kaldirildi`, `kiris:suzgecDegisti`, `kiris:cerezSecildi`. ## Validators (@kiris-ds/validators) Pure functions, no DOM. The same functions run in the browser and on the server. - `trBuyuk(metin)` · Türkçe kuralına göre büyük harfe çevirir. `"istanbul".toUpperCase()` "ISTANBUL" verir. Doğrusu "İSTANBUL" olur. Bu fark bir plaka sorgusunda yanlış aracı bulur. @param {string} metin @returns {string} - `trKucuk(metin)` · Türkçe kuralına göre küçük harfe çevirir. @param {string} metin @returns {string} - `trSirala(a, b)` · Türkçe alfabe sırasına göre karşılaştırır. Liste ve tablo sıralamasında kullanın. `Array.prototype.sort` varsayılanı ç, ğ, ı, ö, ş ve ü harflerini yanlış yere koyar. @param {string} a @param {string} b @returns {number} - `tcKimlikGecerli(deger)` · T.C. kimlik numarasının sağlama toplamını doğrular. Kural: d10 = ((d1+d3+d5+d7+d9) * 7 - (d2+d4+d6+d8)) mod 10 d11 = (d1 + ... + d10) mod 10 Ayrıca ilk hane 0 olamaz. @param {string} deger @returns {boolean} - `yabanciKimlikGecerli(deger)` · Yabancı kimlik numarası biçimini doğrular. Bu numara 99 ile başlar ve T.C. kimlik numarasının sağlama toplamını taşımaz. Bu yüzden yalnız biçim denetlenir. Kesin doğrulama NVİ servisinden yapılır. @param {string} deger @returns {boolean} - `kimlikNoDenetle(deger, secenek = {})` · Hem T.C. hem yabancı kimlik numarasını kabul eden tek giriş noktası. @param {string} deger @param {{ yabanciKabul?: boolean }} [secenek] @returns {{ gecerli: boolean, tur: 'tc'|'yabanci'|null, hata: string|null }} - `vergiNoGecerli(deger)` · Vergi kimlik numarasının sağlama toplamını doğrular. 10 hanedir. @param {string} deger @returns {boolean} - `ibanGecerli(deger)` · IBAN sağlamasını mod 97 kuralı ile doğrular. Boşlukları ve küçük harfleri kabul eder ve temizler. @param {string} deger @returns {boolean} - `ibanKontrolHesapla(ulke, govde)` · Bir IBAN gövdesi için iki haneli kontrol numarasını hesaplar. Test ve veri üretimi için kullanılır. @param {string} ulke iki harfli ülke kodu @param {string} govde kontrol haneleri olmadan IBAN gövdesi @returns {string} iki haneli kontrol numarası - `ibanBicimle(deger)` · IBAN’ı dörderli gruplayarak gösterime hazırlar. Gönderilen değer boşluksuz kalır, yalnız ekranda gruplanır. @param {string} deger @returns {string} - `ibanBankaKodu(deger)` · Türk IBAN’ından beş haneli banka kodunu çıkarır. Konum: 5. ile 9. karakter. @param {string} deger @returns {string|null} - `telefonNormalle(deger)` · Telefon numarasını 10 haneye indirger. Başta yazılan 0, +90, 90 ve boşluk gibi ayraçlar sessizce kaldırılır. Kullanıcı numarasını istediği gibi yazar. @param {string} deger @returns {string} 10 haneli numara, veya temizlenmiş kısmi değer - `telefonGecerli(deger, secenek = {})` · Türk telefon numarasını doğrular. İlk hane 2, 3, 4 veya 5 olur. 5 ile başlayan numara cep telefonudur. @param {string} deger @param {{ yalnizCep?: boolean }} [secenek] @returns {boolean} - `telefonBicimle(deger)` · Telefon numarasını 5XX XXX XX XX biçiminde gösterir. @param {string} deger @returns {string} - `plakaDenetle(deger)` · Türk araç plakasını doğrular ve parçalarına ayırır. Kabul edilen kalıplar: 1 harf ve 4 veya 5 rakam, 2 harf ve 3 veya 4 rakam, 3 harf ve 2 veya 3 rakam. @param {string} deger @returns {{ gecerli: boolean, il: string|null, harf: string|null, sayi: string|null }} - `plakaBicimle(deger)` · Plakayı "34 ABC 123" biçiminde gösterir. @param {string} deger @returns {string} - `postaKoduGecerli(deger)` · Posta kodunu doğrular. Beş hanedir ve ilk iki hane il kodudur. @param {string} deger @returns {boolean} - `tarihDenetle(parcalar, secenek = {})` · Üç parçalı tarih girişini doğrular. Hangi parçanın hatalı olduğunu söyler, böylece odak doğru alana gider. @param {{ gun: string|number, ay: string|number, yil: string|number }} parcalar @param {{ gelecekYasak?: boolean, enEskiYil?: number }} [secenek] @returns {{ gecerli: boolean, hata: string|null, alan: 'gun'|'ay'|'yil'|null, tarih: Date|null }} - `tarihBicimle(tarih)` · Tarihi Türkçe gg.aa.yyyy biçiminde yazar. @param {Date} tarih @returns {string} - `tarihUzunBicimle(tarih)` · Tarihi "27 Mart 1997" biçiminde yazar. Ay adı Türkçe kuralına göre yazılır. @param {Date} tarih @returns {string} - `tlBicimle(kurus)` · Tutarı Türk Lirası olarak yazar: 1.250,00 ₺ @param {number} kurus tam sayı olarak kuruş değeri @returns {string} Also exported: `AYLAR` (Turkish month names). ## Design tokens (@kiris-ds/tokens) 161 tokens. Light values below; the dark theme redefines the colour tokens under `[data-kiris-tema="koyu"]` and `prefers-color-scheme: dark`. High contrast `[data-kiris-tema="yuksek"]` thickens borders and removes muted tones. Never hard-code a colour: use the token. ### kiris - `--kiris-renk-notr-0`: `#ffffff` - `--kiris-renk-notr-50`: `#f4f6f8` - `--kiris-renk-notr-100`: `#e8ecf0` - `--kiris-renk-notr-200`: `#d5dbe2` - `--kiris-renk-notr-300`: `#b7c0ca` - `--kiris-renk-notr-400`: `#8e99a6` - `--kiris-renk-notr-500`: `#6b7684` - `--kiris-renk-notr-600`: `#545e6b` - `--kiris-renk-notr-700`: `#3d4650` - `--kiris-renk-notr-800`: `#2a323b` - `--kiris-renk-notr-900`: `#1a2027` - `--kiris-renk-notr-950`: `#10151a` - `--kiris-renk-notr-zemin-varsayilan`: `#ffffff` - `--kiris-renk-notr-zemin-yumusak`: `#f4f6f8` - `--kiris-renk-notr-yuzey-varsayilan`: `#ffffff` - `--kiris-renk-notr-yuzey-yumusak`: `#e8ecf0` - `--kiris-renk-notr-yuzey-uzeri`: `#e8ecf0` - `--kiris-renk-notr-yuzey-etkin`: `#d5dbe2` - `--kiris-renk-notr-kenar-silik`: `#d5dbe2` - `--kiris-renk-notr-kenar-varsayilan`: `#8e99a6` - `--kiris-renk-notr-kenar-guclu`: `#1a2027` - `--kiris-renk-notr-metin-silik`: `#545e6b` - `--kiris-renk-notr-metin-varsayilan`: `#1a2027` - `--kiris-renk-notr-metin-karsit`: `#ffffff` - `--kiris-renk-notr-taban-varsayilan`: `#1a2027` - `--kiris-renk-notr-taban-uzeri`: `#2a323b` - `--kiris-renk-notr-taban-etkin`: `#10151a` - `--kiris-renk-notr-taban-karsit-varsayilan`: `#ffffff` - `--kiris-renk-notr-ortu`: `rgb(16 21 26 / 0.55)` - `--kiris-renk-birincil-50`: `#eef3fb` - `--kiris-renk-birincil-100`: `#d8e4f6` - `--kiris-renk-birincil-200`: `#b0c8ec` - `--kiris-renk-birincil-300`: `#7fa4dd` - `--kiris-renk-birincil-400`: `#4c7cc7` - `--kiris-renk-birincil-500`: `#2a5da8` - `--kiris-renk-birincil-600`: `#1e4785` - `--kiris-renk-birincil-700`: `#17376a` - `--kiris-renk-birincil-800`: `#112a51` - `--kiris-renk-birincil-900`: `#0c1e3a` - `--kiris-renk-birincil-zemin-yumusak`: `#eef3fb` - `--kiris-renk-birincil-yuzey-yumusak`: `#d8e4f6` - `--kiris-renk-birincil-yuzey-uzeri`: `#d8e4f6` - `--kiris-renk-birincil-kenar-silik`: `#b0c8ec` - `--kiris-renk-birincil-kenar-varsayilan`: `#1e4785` - `--kiris-renk-birincil-metin-varsayilan`: `#1e4785` - `--kiris-renk-birincil-metin-guclu`: `#112a51` - `--kiris-renk-birincil-metin-ziyaret`: `#4c2c92` - `--kiris-renk-birincil-taban-varsayilan`: `#1e4785` - `--kiris-renk-birincil-taban-uzeri`: `#17376a` - `--kiris-renk-birincil-taban-etkin`: `#112a51` - `--kiris-renk-birincil-taban-karsit-varsayilan`: `#ffffff` - `--kiris-renk-tehlike-50`: `#fdeeed` - `--kiris-renk-tehlike-100`: `#f9d5d2` - `--kiris-renk-tehlike-300`: `#e88a83` - `--kiris-renk-tehlike-500`: `#d32f2f` - `--kiris-renk-tehlike-600`: `#b3261e` - `--kiris-renk-tehlike-700`: `#8c1d17` - `--kiris-renk-tehlike-900`: `#4d100c` - `--kiris-renk-tehlike-zemin-yumusak`: `#fdeeed` - `--kiris-renk-tehlike-kenar-varsayilan`: `#b3261e` - `--kiris-renk-tehlike-kenar-guclu`: `#8c1d17` - `--kiris-renk-tehlike-metin-varsayilan`: `#b3261e` - `--kiris-renk-tehlike-taban-varsayilan`: `#b3261e` - `--kiris-renk-tehlike-taban-uzeri`: `#8c1d17` - `--kiris-renk-tehlike-taban-etkin`: `#4d100c` - `--kiris-renk-tehlike-taban-karsit-varsayilan`: `#ffffff` - `--kiris-renk-basari-50`: `#eaf5ef` - `--kiris-renk-basari-100`: `#cbe7d8` - `--kiris-renk-basari-500`: `#2e8b5b` - `--kiris-renk-basari-600`: `#1e6b46` - `--kiris-renk-basari-700`: `#155134` - `--kiris-renk-basari-900`: `#0b2a1b` - `--kiris-renk-basari-zemin-yumusak`: `#eaf5ef` - `--kiris-renk-basari-kenar-varsayilan`: `#1e6b46` - `--kiris-renk-basari-metin-varsayilan`: `#1e6b46` - `--kiris-renk-basari-taban-varsayilan`: `#1e6b46` - `--kiris-renk-basari-taban-karsit-varsayilan`: `#ffffff` - `--kiris-renk-uyari-50`: `#fdf3e2` - `--kiris-renk-uyari-100`: `#f9e2b8` - `--kiris-renk-uyari-500`: `#c98a00` - `--kiris-renk-uyari-600`: `#a06e00` - `--kiris-renk-uyari-700`: `#7a5400` - `--kiris-renk-uyari-900`: `#3f2b00` - `--kiris-renk-uyari-zemin-yumusak`: `#fdf3e2` - `--kiris-renk-uyari-kenar-varsayilan`: `#a06e00` - `--kiris-renk-uyari-metin-varsayilan`: `#7a5400` - `--kiris-renk-uyari-taban-varsayilan`: `#c98a00` - `--kiris-renk-uyari-taban-karsit-varsayilan`: `#10151a` - `--kiris-renk-kimlik-kirmizi`: `#e30a17` - `--kiris-renk-kimlik-kirmizi-koyu`: `#a8232b` - `--kiris-renk-kimlik-beyaz`: `#ffffff` - `--kiris-renk-kimlik-serit`: `#e30a17` - `--kiris-renk-kimlik-arma`: `#ffffff` - `--kiris-renk-odak-dolgu`: `#ffdd00` - `--kiris-renk-odak-kenar`: `#0b0c0c` - `--kiris-aralik-0`: `0` - `--kiris-aralik-1`: `0.25rem` - `--kiris-aralik-2`: `0.5rem` - `--kiris-aralik-3`: `0.75rem` - `--kiris-aralik-4`: `1rem` - `--kiris-aralik-5`: `1.25rem` - `--kiris-aralik-6`: `1.5rem` - `--kiris-aralik-7`: `2rem` - `--kiris-aralik-8`: `2.5rem` - `--kiris-aralik-9`: `3rem` - `--kiris-aralik-10`: `4rem` - `--kiris-aralik-11`: `5rem` - `--kiris-yazi-aile-govde`: `"Public Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif` - `--kiris-yazi-aile-tek`: `"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace` - `--kiris-yazi-boyut-12`: `0.75rem` - `--kiris-yazi-boyut-14`: `0.875rem` - `--kiris-yazi-boyut-16`: `1rem` - `--kiris-yazi-boyut-18`: `1.125rem` - `--kiris-yazi-boyut-20`: `1.25rem` - `--kiris-yazi-boyut-24`: `1.5rem` - `--kiris-yazi-boyut-30`: `1.875rem` - `--kiris-yazi-boyut-36`: `2.25rem` - `--kiris-yazi-boyut-48`: `3rem` - `--kiris-yazi-kalinlik-normal`: `400` - `--kiris-yazi-kalinlik-orta`: `500` - `--kiris-yazi-kalinlik-kalin`: `700` - `--kiris-yazi-satir-sik`: `1.25` - `--kiris-yazi-satir-normal`: `1.55` - `--kiris-yazi-satir-genis`: `1.75` - `--kiris-kose-0`: `0` - `--kiris-kose-1`: `2px` - `--kiris-kose-2`: `4px` - `--kiris-kose-3`: `8px` - `--kiris-kose-tam`: `999px` - `--kiris-kenarlik-ince`: `1px` - `--kiris-kenarlik-orta`: `2px` - `--kiris-kenarlik-kalin`: `4px` - `--kiris-golge-1`: `0 1px 2px rgba(16, 21, 26, 0.08)` - `--kiris-golge-2`: `0 2px 6px rgba(16, 21, 26, 0.12)` - `--kiris-golge-3`: `0 8px 24px rgba(16, 21, 26, 0.18)` - `--kiris-golge-yok`: `none` - `--kiris-olcu-dokunma`: `44px` - `--kiris-olcu-satir-uzunluk`: `38rem` - `--kiris-olcu-kap-genislik`: `72rem` - `--kiris-olcu-odak-kalinlik`: `3px` - `--kiris-kirilma-telefon`: `30rem` - `--kiris-kirilma-tablet`: `48rem` - `--kiris-kirilma-masaustu`: `64rem` - `--kiris-metin-govde`: `1.125rem` - `--kiris-metin-kucuk`: `1rem` - `--kiris-metin-yardim`: `1rem` - `--kiris-metin-baslik-1`: `2.25rem` - `--kiris-metin-baslik-2`: `1.875rem` - `--kiris-metin-baslik-3`: `1.5rem` - `--kiris-metin-baslik-4`: `1.25rem` - `--kiris-bilesen-dugme-dolgu-y`: `0.75rem` - `--kiris-bilesen-dugme-dolgu-x`: `1.25rem` - `--kiris-bilesen-dugme-en-az-yukseklik`: `44px` - `--kiris-bilesen-dugme-kose`: `4px` - `--kiris-bilesen-girdi-dolgu-y`: `0.5rem` - `--kiris-bilesen-girdi-dolgu-x`: `0.75rem` - `--kiris-bilesen-girdi-kenarlik`: `2px` - `--kiris-bilesen-girdi-kenarlik-hata`: `4px` - `--kiris-bilesen-girdi-yukseklik`: `44px` - `--kiris-bilesen-kart-dolgu`: `1.5rem` - `--kiris-bilesen-kart-kose`: `4px` ## Themes Three institution themes override the brand tokens from one colour: `@kiris-ds/theme-vatandas` (default, #1e4785), `@kiris-ds/theme-kurumsal`, `@kiris-ds/theme-saglik`. Include the theme CSS after `kiris.css`. A new theme is one JSON file with a brand colour; the build checks contrast. ## Identity licence # Kimlik parçaları için kullanım koşulları Bu belge `@kiris-ds/identity` paketi için geçerlidir. Depodaki diğer paketler MIT lisanslıdır ve bu kısıtlamalara tabi değildir. Kiriş bir kamu kurumu değildir. Bu belge, üçüncü taraf marka ve logoları için izin vermez. Haklar ilgili kurumlara aittir. Bu dosyaların depoda bulunması resmî onay veya kullanım izni anlamına gelmez. Kullanım ve dağıtım için gerekli izinleri ilgili hak sahibinden alın. ## Kiriş marka işareti bu belgenin dışındadır Kiriş'in kendi marka işareti (`kiris-isaret.svg` ve PNG, ICO türevleri) özgün bir çizimdir. Hiçbir devlet sembolü, kurum logosu ya da resmî işaret içermez. Deponun MIT lisansı kapsamındadır ve serbestçe kullanılır. Türevleri kaynaktan `node tools/marka-turev.mjs` ile yeniden üretilir. ## Simgeler bu belgenin dışındadır Simge seti [Tabler Icons](https://tabler.io/icons) setinden gelir ve MIT lisanslıdır. Her simge serbestçe kullanılır. Lisans metni `packages/identity/src/simgeler/LICENSE-TABLER.txt` içindedir. ## Kapsam Aşağıdaki parçalar bu belgeye tabidir: - Türkiye Cumhuriyeti arması ve her türevi - Resmî site afişi (`kiris-resmi-afis`) ve metni - e-Devlet giriş düğmesi (`kiris-edevlet`) ve işareti - Kurum tanıtıcısı (`kiris-tanitici`) ve kurum armaları - Kurum favicon'ları ve uygulama simgeleri. Kiriş'in kendi işareti hariçtir - `kurumlar/` altındaki kurum logoları. Her biri kurumun kendi sitesinden alınmıştır ve yalnız o kurumu göstermek için kullanılır: - `e-devlet-kapisi-beyaz.svg` · cdn.e-devlet.gov.tr, türkiye.gov.tr başlık logosu - `sgk.svg`, `sgk-beyaz.svg` · www.sgk.gov.tr - `saglik-bakanligi.svg` · www.saglik.gov.tr ## İzin verilen kullanım ## Components · complete reference (116) ## Kimlik Kullanıcıya bunun bir devlet hizmeti olduğunu söyleyen parçalar. ### Alt bilgi (Footer) · `footer` Group: Kimlik. Status: CSS stable, JS yok, React stable, Vue stable. WCAG: 1.3.1, 2.4.5. Also in: UK, US, FR, IE, KR, DK. Sayfanın sonunda kurumu, zorunlu bağlantıları ve iletişim bilgisini taşır. Kurum logosunu girdi olarak alır. When to use: - Her sayfada kullanın. Kurumsal seçenek kurum adını ve üst kurumu kendi taşır. O zaman kurum tanıtıcısı kullanılmaz. Sade seçenek tanıtıcının hemen altında durur. - Kurumun kendi logosunu `kiris-alt-bilgi__logo` ile verin. Logo yoksa kısa ad bir monogram olarak durur: SGK, ÖSYM. - Adres, santral ve çağrı hattı iletişim bloğundadır. Beş sütuna kadar bağlantı grubu eklenir. - Koyu seçeneği bakanlık siteleri için vardır. Kırmızı şerit iki seçenekte de kalır. - Erişilebilirlik bildirimi, KVKK aydınlatma metni ve çerez sayfası bağlantıları burada durur. Kurum bağlantıları tanıtıcıdadır. Bir bağlantı iki yerde durmaz. - Dil seçici sağda durur. Telif satırı en alttadır. Accessibility: - `