Marka Teması

Marka ekranı iki şeyi tek yerden belirler. Birincisi görünüm: Selwise'in sitenizde gösterdiği her yüzeyin — kampanya, öneri kartı, arama sonucu, ürün zenginleştirme bloğu — renkleri, köşeleri ve yazı tipleri. On soru cevaplarsınız, Selwise bunlardan yirmi iki CSS değişkeni türetir. Soru sayısı sabittir: türetilen değişkenlerin bir kısmı, siz hiçbir şey yazmadan, verdiğiniz cevapların okunabilir karşılığıdır — indirim renginin üzerindeki yazı rengi ya da ikincil rengin hover hâli gibi.

İkincisi kimlik ve ses: marka adı, logo ve markanızın nasıl konuştuğu. Bunlar mağaza yüzeylerine gitmez; yapay zekâ üretimleri ve e-posta başlığı kullanır.

Panelde nerede

Sol menüde Tasarım → Marka (/dashboard/theme).

Ekran üç sekmeden oluşur ve sağdaki önizleme hangi sekmede olursanız olun görünür kalır:

• Renkler — hazır başlangıç paletleri ve renk soruları, rol rol gruplanmış: ana renk, ikincil ve indirim, zemin ve metin. Her grubun altında rengin kendi örneği ve kontrast değeri durur.
• Biçim ve yazı tipi — köşe stili ve iki yazı tipi.
• Kimlik ve ses — marka adı, logo ve marka sesi.

Önizleme küçük bir mağaza sayfasıdır: duyuru çubuğu, logo, arama kutusu, bir kampanya açılır penceresi, öneri şeridindeki ürün kartları, arama sonuçları ve buton durumları. Düzenlenen / Yayındaki seçimiyle yaptığınız değişikliği mağazanızın şu anki görünümüyle karşılaştırabilir, Koyu mağaza ile koyu zeminli bir mağazada nasıl göründüğüne bakabilirsiniz.

On alan

Alan	Ne yapar	Boş bırakılırsa
Marka rengi	Ana marka rengi: butonlar, bağlantılar, vurgular	Tema uygulanmaz
Marka üzerindeki yazı	Marka renginin üzerindeki yazı rengi	Kontrasta göre otomatik türetilir
Marka hover rengi	Marka renginin üzerine gelince	Marka renginden otomatik türetilir
İkincil renk	İkincil buton rengi	Türetilmez — boş kalır
İndirim rengi	İndirim rozeti ve etiketleri	Markaya yakın bir kırmızıya düşer
Metin rengi	Gövde metni rengi	Varsayılan
Kart zemini	Kart, açılır pencere ve panel arka planı	Varsayılan
Köşeler	Köşe yuvarlaklığı: Keskin / Yumuşak / Yuvarlak	Varsayılan
Gövde yazı tipi	Gövde yazı tipi	Sitenizin yazı tipi kullanılır
Başlık yazı tipi	Başlık yazı tipi	Gövde yazı tipine düşer

Boş bıraktığınız bir renk alanının yanında otomatik yazar ve kutuda türetilen değer görünür; boş bırakmak görünür bir seçimdir.

Hazır paletler (Monokrom, Sıcak, Ferah, Çarpıcı) yalnızca renkleri ve köşe stilini değiştirir; yazdığınız yazı tipleri ve kimlik bilgileri korunur. Bir paleti uyguladıktan hemen sonra Geri al ile önceki renklerinize dönebilirsiniz.

Yazı tipini boş bırakmak bir özelliktir

Font family alanını boş bırakırsanız Selwise hiçbir yazı tipi dayatmaz ve widgetlar sitenizin kendi yazı tipini miras alır. Kendi marka yazı tipini kullanan mağazalar için doğru seçim budur.

Köşe stili neden piksel değil

Üç seçenek vardır ve bilinçli olarak kabadır:

Seçenek	Büyük yarıçap	Küçük yarıçap
square	0px	0px
soft	8px	4px
round	16px	9999px (tam yuvarlak)

Marka bir his seçer, piksel değil. Tek tek yarıçap ayarlamak, yüzeyler arasında tutarsızlık üretmenin en kolay yoludur.

Kimlik ve ses

Alan	Ne yapar
Marka adı	Müşterinin bildiği ad. Yapay zekâ markayı anarken tam olarak bunu yazar.
Logo	E-postaların başında varsayılan logo olur. Yapay zekâ bir açılır pencere ya da hero tasarlarken kullanabilir. Logonun hem zemin hem marka rengi üzerinde nasıl durduğu ekranda gösterilir.
Ton	Samimi, Premium, Eğlenceli, Profesyonel, Cesur ya da Sade.
Hitap	Sen diliyle ya da siz diliyle. Bir kampanyanın içinde ikisinin karışması çeviri hatası gibi okunur.
Markayı kısaca anlatın	Kim olduğunuzu ve nasıl konuştuğunuzu bir iki cümleyle.
Kaçınılacak ifadeler	Markanızın asla kullanmadığı kelimeler, iddialar ya da üslup.
Emoji	Tercih yok, ölçülü kullan ya da hiç kullanma.

Bu bilgiler mağaza yüzeylerine CSS değişkeni olarak gitmez; widget'larınızın görünümünü değiştirmez.

Yapay zekâ markanızı nasıl kullanır

Panelin bütün yapay zekâ kapıları — Yapay Zeka Stüdyosu, kampanya formu, ürün kartı ve içerik bloğu kod düzenleyicisi, mesaj editörü ve senaryo üretimi — isteği seçili kanalın yayındaki markasıyla birlikte gönderir:

• Tasarımlarda renkler, köşeler ve yazı tipleri temel alınır; ana çağrı butonu marka rengiyle çizilir. Üretilen CSS renkleri marka değişkenleriyle ve yanlarında markanızın değeriyle yazar, örneğin var(--selwise-brand, #c93a63). Böylece markanızı sonradan değiştirdiğinizde üretilmiş tasarım da onu izler.
• Metinlerde seçtiğiniz ton ve hitap kullanılır, marka adınız yazdığınız gibi geçer; kaçınılacak ifadeler kullanılmaz.
• E-postada renkler sabit değer olarak yazılır (e-posta istemcileri CSS değişkeni okuyamaz) ve logo başlığa otomatik eklenir. SMS ve bildirimlerde yalnızca marka sesi kullanılır.
• Marka bağlayıcı ama kilitli değildir: sezona ya da kampanyaya uygun tonlar, nötrler ve vurgular eklenebilir; sonuç ise markanızın tasarımı gibi görünmelidir. İsteğinizde başka renk, yazı tipi ya da stil yazarsanız isteğiniz kazanır.
• Var olan bir tasarımı düzenletirken mevcut renkler ve yazı tipleri korunur; yeni eklenen parçalar önce mevcut koda, sonra markaya uyar.

Her yapay zekâ penceresinde markanın uygulanıp uygulanmayacağını gösteren bir satır vardır. Buradaki anahtarla markayı kapatabilirsiniz — örneğin başka bir markanın renkleriyle yapılacak ortak bir kampanya için. Seçiminiz bütün yapay zekâ pencerelerinde geçerlidir.

Taslak ve yayınlama

Tema, panelde taslağı olan tek varlıktır. Sebebi: bir tema değişikliği aynı anda her yüzeyi etkiler, dolayısıyla kaydetmekle yayınlamak ayrılmıştır. Kimlik ve ses de aynı taslağın parçasıdır.

1. Değişiklik yaparsınız — başlıkta Kaydedilmemiş değişiklik yazar.
2. Taslak olarak kaydet ile saklarsınız; başlıkta Taslak — yayında değil yazar, mağazanız değişmez.
3. Yayınla ile canlıya alırsınız; başlıkta Yayında yazar.

Başlıktaki üç nokta menüsünde taslağı atma ve temayı kaldırma bulunur. Temayı kaldır renkleri, köşeleri ve yazı tiplerini siler; marka adı, logo ve marka sesi korunur. Kaydedilmemiş değişiklikle sayfadan ayrılmaya çalışırsanız tarayıcı sizi uyarır.

Önizleme, canlıda çalışan hesaplamanın aynısını kullanır; önizlemede gördüğünüz ile yayınlanan sonuç ayrışamaz.

Tema uygulanmazsa ne olur

Her yüzey, tema değerini bir yedekle birlikte okur. Tema tanımlı değilse, bozuksa ya da desteklenmeyen bir değer içeriyorsa yüzey temalar var olmadan önceki görünümüne düşer. Yani tema uygulamak geri alınabilir bir işlemdir; hiçbir zaman bozuk bir görünüme yol açmaz.

Tema nerede geçerli değil

Üç tür alan bilinçli olarak temaya bağlanmamıştır:

• Tablo ile çözülen değerler — gölge yoğunluğu, yazı kalınlığı, hazır yarıçap seçenekleri. Bunlar bir listeden seçilir, CSS değişkeni bir liste anahtarı olamaz.
• Program tarafından işlenen renkler — örneğin arama kutusunun odak halkası, marka renginin şeffaflaştırılmış halidir; değişken üzerinden hesaplanamaz.
• Anlam taşıyan renkler — arama teriminin vurgusu, "trend" etiketinin amber rengi. Bunlar marka rengi değil, durum rengidir; markaya bağlanırsa anlamlarını kaybederler.

Sırada ne var

• Widget Stil Özelleştirme — widget bazlı geçersiz kılma.
• Ürün Kartı Stili