Tema Ayarları
Editörde Tema Ayarları altından yönetilen global değerler. Bir ayarı değiştirmek temanın tamamına anında yansır; bölüm bölüm düzeltme gerekmez.
Genel ayarlar
| Ayar | Ne yapar | Varsayılan |
|---|---|---|
| Buton Radius | Tüm hap butonların köşe yuvarlaklığı (px) | 100 |
| Buton Dolgu (Yatay / Dikey) | Buton iç boşlukları (px) | 28 / 14 |
| Buton Hover Parlaklığı | Üzerine gelince binen karartma yüzdesi | 14 |
| Tablet Yazı Ölçeği (%) | Büyük başlıkların tablette küçülme oranı | 90 |
| Mobil Yazı Ölçeği (%) | Büyük başlıkların mobilde küçülme oranı | 80 |
| Ücretsiz Kargo Eşiği (₺) | Sepet sayfasındaki ücretsiz kargo ilerleme çubuğunun hedefi | 50000 |
| Kart Radius | Ürün kartları ve panellerin köşe yuvarlaklığı (px) | 12 |
| İçerik Maks Genişlik (px) | Sayfa içeriğinin en fazla genişliği | 1440 |
Renk paleti
Renkler ada göre gruplanmıştır; bir bölüme özel renk atamak yerine önce paletteki karşılığı kullanılır:
- Marka/…: birincil mavi, koyu tonu ve aksan (indirim/rozet) kırmızısı
- Metin/…: koyu, gövde, ikincil, soluk, devre dışı kademeleri
- Yüzey/…: kanvas (beyaz), yumuşak gri zeminler, buton grisi/koyusu
- Çizgi/…: ince ayraç çizgileri
- Anlamsal/…: başarı, uyarı, kritik durum renkleri
- Footer/Zemin: koyu alt bilgi zemini
Paletteki bir rengi değiştirmek, o renge bağlı tüm bölümleri günceller.
Renk şeması yuvaları
Sayfa, Birincil/İkincil Buton, Kart, Footer ve Etiket yuvaları palet renklerine bağlıdır. Bölümler renkleri doğrudan değil bu yuvalar üzerinden okur; tek şema (“Varsayılan – Aydınlık”) tanımlıdır.
Tipografi
Metin stilleri (Hero/Display’den Caption’a) tek yazı ailesiyle (Onest) kademelendirilmiştir. Bölümler stil sınıflarını kullanır; boyut değişiklikleri Tema Ayarları → tipografi stilinden yapılır ve her yerde geçerli olur. Tablet/mobil ölçek yüzdeleri büyük başlıkları otomatik küçültür; 16px altındaki gövde metinleri mobilde otomatik 16px’e sabitlenir (iOS zoom engeli).