Marka Kiti

YapıTakip marka standartları ve kullanım kuralları.

Logo

Logo, ilerleme çemberi + Y harfi + checkmark'tan oluşur. Çember = proje takibi, Y = marka, checkmark = onay/tamamlanma. Sektör-nötr tasarım.

YapıTakip
YapıTakip
YapıTakip
YapıTakip

Kullanım Kuralları

  • Logo etrafında minimum logo yüksekliği kadar boşluk bırakılmalı.
  • Logo oranları değiştirilmemeli (stretch/squeeze yasak).
  • Sadece monokrom kullanılmalı — gradient veya çok renkli yasak.
  • Minimum boyut: 24px (ikon), 80px (ikon + yazı).
  • Koyu arka planda beyaz, açık arka planda siyah/koyu kullanılmalı.
  • Logo üzerine metin veya başka görsel yerleştirilmemeli.

Renk Paleti

Sessiz Lüks estetik — kâğıt, krem, toprak tonları. Sınırlı palet, en fazla 1 aksanlı renk.

Background

#FAF8F4

Kâğıt

Surface

#FFFFFF

Beyaz yüzey

Border

#E8E2D5

Krem sınır

Foreground

#1A1815

Siyaha yakın

Muted

#6B655B

Gri-toprak

Accent

#8B7355

Toprak aksanlı

Success

#4A6741

Zeytin yeşili

Warning

#B8654E

Terracotta

Destructive

#9B3D3D

Mat kırmızı

Renk Kuralları

  • Renkler CSS değişkeni üzerinden çağrılır (white-label için kritik).
  • Hardcode renk yasak (bg-blue-500 yerine bg-accent).
  • Aksanlı renk ekrandaki yüzeyin %5'inden azını kaplar.
  • WCAG AA kontrastı sağlanır (gövde 4.5:1, büyük metin 3:1).
  • Gradient arka plan yasak.

Tipografi

Display / Başlık

Fraunces

Serif, lüks hissi. Başlıklar ve vurgu metinleri için.

AaBbCcÇçDdEeFfGgĞğHhIıİiJjKkLlMmNnOoÖöPpRrSsŞşTtUuÜüVvYyZz

Body / Gövde

Inter

Sans-serif, mobil okunaklı. Gövde metni ve UI elementleri için.

AaBbCcÇçDdEeFfGgĞğHhIıİiJjKkLlMmNnOoÖöPpRrSsŞşTtUuÜüVvYyZz

Mono / Sayısal

Geist Mono

Monospace. Sayısal değerler, kodlar ve teknik bilgiler için.

0123456789 · ₺7.500 · %45 · +90 555

Tip Ölçeği

Display48-64px / Fraunces
Heading 132px / Fraunces
Heading 224px / Fraunces
Body Large16px / Inter Medium
Body14px / Inter Regular
Caption12px / Inter

Ses ve Ton

Yapılır

  • Sade, kendinden emin, abartısız.
  • Eylem odaklı buton metinleri: “Onayla”, “Gönder”
  • Çözüm odaklı hata mesajları.
  • Türkçe doğal akış.

Yapılmaz

  • “En iyi”, “devrim niteliğinde”, “müthiş” gibi abartı.
  • “Tamam”, “OK”, “Submit” gibi belirsiz butonlar.
  • Suçlayıcı hata mesajları: “HATA: Mükerrer kayıt!”
  • Yapay kurumsal dil.

Spacing ve Radius

Spacing (8px grid)

4px — micro
8px — base
12px — compact
16px — default
24px — relaxed
32px — spacious

Border Radius

4px — sm
8px — md
12px — lg
16px — xl
24px — 2xl (kartlar)
full (butonlar, pill)