Question 1

Design token nedir?

Accepted Answer

Design token, renk, tipografi, bosluk gibi tasarim degerlerinin merkezi olarak tanimlandigi ve kod genelinde kullanildigi bir sistemdir. Ornegin: --color-primary: #10b981. Bu sayede tek bir yerde degisiklik, tum sitede guncelleme saglar.

Question 2

CSS variables ile Tailwind birlikte kullanilabilir mi?

Accepted Answer

Evet, ideal kullanim da budur. Tailwind CSS 4, CSS variables ile dogal olarak calisir. Token degerleri CSS variable olarak tanimlanir, Tailwind class'lari bu degiskenleri referans eder. Bu kombinasyon, hem hizli gelistirme hem de merkezi kontrol saglar.

Question 3

Dark mode nasil calisir?

Accepted Answer

Tema tercihi isletim sistemi ayarindan (prefers-color-scheme) okunur ve localStorage'da saklanir. HTML root elementine data-theme attribute'u eklenir. CSS variables bu attribute'a gore farkli degerler alir. Gecis animasyonu ile yumusak bir tema degisimi saglanir.

Question 4

60-30-10 renk kurali nedir?

Accepted Answer

Ic mimari ve modadan gelen bu kural, gorsel hiyerarsi yaratmak icin kullanilir: %60 dominant renk (genellikle arka plan), %30 sekonder renk (kartlar, butonlar), %10 aksan renk (CTA, vurgular). Bu denge, goz yormayan ve profesyonel bir gorunum saglar.

Question 5

Font optimizasyonu neden onemli?

Accepted Answer

Optimize edilmemis font dosyalari 200-500KB boyutunda olabilir ve sayfa yuklenme hizini ciddi sekilde etkiler. Subset (sadece gerekli karakterleri icerme), WOFF2 formati ve font-display: swap ile font boyutu %70'e kadar azaltilabilir.

Question 6

Responsive tipografi nasil saglanir?

Accepted Answer

CSS clamp() fonksiyonu ile viewport genisligine gore otomatik olceklenen tipografi boyutlari tanimlanir. Ornegin: font-size: clamp(1rem, 2vw, 1.5rem). Bu sayede mobilde kucuk, masaustunde buyuk boyut otomatik uygulanir.

Question 7

Mevcut tasarimimi tamamen degistirmek zorunda miyim?

Accepted Answer

Hayir. Mevcut gorsel kimliginizi koruyarak token sistemine gecis yapiyoruz. Renkler, fontlar ve genel gorunum ayni kalir, sadece yonetim sekli merkezilestir. Zaman icerisinde ufak iyilestirmeler onerilebilir.

Question 8

Token sistemi bakim gerektirir mi?

Accepted Answer

Token sistemi kurulduktan sonra bakimi cok kolaydir. Yeni komponent eklendiginde mevcut tokenlari kullanirsiniz. Marka yenilemesi durumunda sadece token degerlerini guncellersiniz. Sistem, bakimi kolaylastirmak icin tasarlanmistir.

Tema & Gorsel Sistem — Design Tokens, Renk Paleti ve Tipografi

Global Tokens

Alias Tokens

Component Tokens

Breakpoint Sistemi

Beklenen Sonuclar

Gelistirme Hizi

Tasarim Tutarliligi

Tema Degisim Suresi

Font Boyut Azalmasi

Gelistirici Memnuniyeti

Neler Dahil?

Iliskili Hizmetler

Temel Kimlik

Erisilebilirlik

UX Temelleri

Tema & Gorsel — Sikca Sorulan Sorular