## Renk Paleti

### Ana Renkler

**Arka plan**

- Renk: `#f2f2f0`

- Açıklama: Açık nötr kırık beyaz, temiz ve minimalist

- Kullanım: İstisnasız tüm slayt arka planları

**Ana Metin ve Satırlar**

- Renk: `#2B2B2B` veya `#1A1A1A`

- Açıklama: Çok koyu gri, neredeyse siyah

- Kullanım Alanları: Tüm metin içerikleri, başlık ayırıcı çizgiler, geometrik konturlar, karakter konturları

### Vurgu Renkleri

**Canlı Mavi**

- Renk: `#5B7FFF` (alternatif: `#4D6FE8`)

- Açıklama: Enerjik, orta parlaklıkta mavi.

- Kullanım Alanları: Geometrik şekillerde dairesel düğümler, karakter kıyafetleri/eşarpları, düğme dolguları, dekoratif noktalar

**Soluk Altın**

- Renk: `#C9B568` (alternatif: `#D4C17A`)

- Açıklama: Sıcak hardal/altın tonu

- Kullanım: Geometrik şekiller üzerinde dairesel düğümler (mavi ile dönüşümlü olarak), dekoratif vurgular

### Renk Uygulama Kuralları

- Arka plan HER ZAMAN `#E8E6E3`'tür.

- Metin HER ZAMAN `#2B2B2B` şeklindedir.

- Mavi ve altın renkler SADECE dairesel düğümler ve karakter vurguları için kullanılır.

- Mavi veya altın rengini asla büyük bloklar veya metin renkleri olarak kullanmayın.

- Metin ve arka plan arasında yüksek kontrastı koruyun.

## Tipografi Sistemi

### Yazı Tipi Aileleri

**Ana Ekran Yazı Tipi: Roca Two (veya benzer kalın serifli yazı tipi)**

- Özellikler: Yuvarlak hatlara sahip, cesur ve samimi bir serif yazı tipi.

- Ağırlık: Kalın/Ağır

- Kullanım Alanları: Tüm slayt başlıkları, ana başlıklar, bölüm başlıkları

- Aynı yazı tipini kullanın

**İkincil Gövde Yazı Tipi: Poppins (veya Inter)**

- Özellikler: Temiz, modern, okunabilirliği mükemmel sans-serif yazı tipi.

- Ağırlık: Vücut için Normal (400), Vurgu için Orta (500)

- Kullanım Alanları: Tüm metin, alt başlıklar, sayfa numaraları, logo metni

- aynı yazı tipini koruyun

### Yazı Tipi Boyutlandırma Hiyerarşisi

**Ekstra Büyük Başlıklar** (Kapak slaytları, ana bölüm ayırıcılar)

- Yazı Tipi: **Roca Two**

- Boyut: 72-96pt

- Renk: `#2B2B2B`

- Kullanım Alanları: "Ana Başlık", "Teşekkürler", "Gündem"

**Büyük Başlıklar** (İçerik slayt başlıkları)

- Yazı Tipi: **Roca Two**

- Boyut: 48-60pt

- Renk: `#2B2B2B`

- Kullanım Alanları: "Vizyonumuz", "Marka Konumlandırması", "YouMind Neyi Düşünüyor?"

**Metin İçeriği** (Paragraflar, açıklamalar)

- Yazı Tipi: Poppins Regular

- Beden: 18-24pt

- Renk: `#2B2B2B`

- Çizgi Yüksekliği: 1.6-1.8

- Kullanım: Tüm paragraf içeriği, açıklamalar

**Küçük Yazı** (Sayfa numaraları, alt bilgi, resim alt yazıları)

- Yazı Tipi: Poppins Regular

- Boyut: 16-18pt

- Renk: `#2B2B2B`

- Kullanım Alanları: "Sayfa X", web sitesi URL'leri, e-posta adresleri

**Düğme/Hap Metni**

- Yazı Tipi: Poppins Normal veya Orta

- Boyut: 20-24pt

- Renk: `#2B2B2B`

- Kullanım: Yuvarlak hap şeklindeki düğmelerin içine metin yerleştirme

### Tipografi Kuralları

- Serif yazı tiplerini asla karıştırmayın - ekran için yalnızca **Roca Two** kullanın.

- Metin gövdesinde asla serif yazı tipi kullanmayın - yalnızca Poppins yazı tipini kullanın.

- Okunabilirliği artırmak için satır yüksekliğini (1,6-1,8) tutarlı tutun.

- Tüm metinler `#2B2B2B` şeklinde olmalıdır - istisna yok.

- Paragraflar arasında geniş boşluk (24-32 punto)

## Yerleşim Sistemi

### Küresel Başlık Yapısı

**Sadece kapak slaydı (Sayfa 1):**

**Sol Başlık Öğesi:**

- Logo

- Boyut: 32-40 pt çap

- Renk: Siyah çerçeve `#2B2B2B`

- Konum: Sol kenardan 60-80 piksel, üst kenardan 60-80 piksel

- Logo ve metin arasında 12-16 piksel boşluk bırakılmalıdır.

**Sağ Başlık Öğesi:**

- Yazı Tipi: Poppins Regular, 16-18pt

- Renk: `#2B2B2B`

- Konum: Sağ kenardan 60-80 piksel, üstten 60-80 piksel uzaklıkta

- Hizalama: Sağa hizalı

**Başlık Ayırıcı:**

- İnce yatay çizgi

- Ağırlık: 1-2 puan

- Renk: `#2B2B2B`

- Konum: Başlık öğelerinin altında, kenar boşluklarıyla birlikte tam genişlikte

- Kenarlardan boşluk: Sol ve sağda 60-80 piksel

**İçerik slaytları (Sayfa 2-4) ve kapanış slaytı (Sayfa 5):**

- YouMind logosu yok

- Sadece "Sayfa X" metni

- Konum: Sağ üst köşe, alt orta veya diğer ince detaylarla yerleştirme

- Başlık ayırıcı çizgisi yok

- İçerik için daha fazla dikey alan mevcut.

### Marj Sistemi

**Standart Kenar Boşlukları:**

- Üst: 60-80 piksel (alt başlık ayırıcıya 40-60 piksel daha ekleyin)

- Alt kısım: 60-80 piksel

- Sol: 80-100 piksel

- Sağ: 80-100 piksel

**İçerik Alanı:**

- Başlık ve kenar boşlukları hesaba katıldıktan sonra, içerik alanı yaklaşık olarak 1200-1280 piksel genişliğinde × 600-680 piksel yüksekliğindedir (1920x1080 çözünürlükte 16:9 en boy oranı için).

## Görsel Öğeler

### Elle Çizilmiş Geometrik Şekiller

**Temel Tasarım:**

- Stil: Kusurlu, elle çizilmiş dikdörtgenler ve kareler

- Misina kalınlığı: 2-3 pt

- Renk: Siyah `#2B2B2B`

- Kalite: Organik, hafif dalgalı çizgiler (mükemmel düz değil)

- Bağlantı: Çeşitli açılardaki şekilleri birbirine bağlayan çizgiler

**Dairesel Düğümler:**

- Şekil: Mükemmel daireler

- Boyut: 24-40 pt çap

- Dolgu: Düz renk - ya `#5B7FFF` (mavi) ya da `#C9B568` (altın)

- Konum: Geometrik şekillerin bağlantı noktalarında ve köşelerinde

- Desen: Çeşitlilik için mavi ve altın renklerin dönüşümlü kullanımı

**Yerleştirme Kuralları:**

- Slaytların köşelerindeki konum (sol üst, sağ üst, sol alt, sağ alt)

- Metin içeriğiyle asla üst üste gelmemelidir.

- İçerik alanlarından 40-60 piksel uzakta durun.

- Görsel denge oluşturun - sol tarafta şekiller varsa, sağ tarafta da olmalıdır.

- Tipik düzenleme: 3-6 dairesel düğüm içeren 2-4 bağlantılı dikdörtgen

### Yuvarlak Hap Düğmeleri

**Tasarım Özellikleri:**

- Şekil: Yuvarlak köşeli dikdörtgen (hap şekli)

- Kenarlık: 2pt düz siyah `#2B2B2B`

- Dolgu: Şeffaf veya `#E8E6E3` (arka planla aynı)

- Kenar yarıçapı: Tam yükseklik yarıçapı (mükemmel hap)

- Dolgu: Yatayda 16-24 piksel, dikeyde 12-16 piksel

- Metin: Poppins Regular, 20-24pt, `#2B2B2B`

**Kullanım:**

- Gündem slaytlarındaki gezinme öğeleri

- Harekete geçirici düğmeler

- Bölüm etiketleri

- Her zaman kontürlü, asla renkle doldurulmamış.

**Üzerine gelindiğinde/Aktif Durum (etkileşimli ise):**

- Dolgu: `#5B7FFF` (mavi)

- Metin: Beyaz `#FFFFFF`

- Kenarlık: `#5B7FFF`

### Dekoratif Nokta Izgaraları

**Teknik Özellikler:**

- Noktalar: Küçük daireler, 3-4 punto çapında

- Renk: `#2B2B2B`

- Desen: Düzenli ızgara, 12-16 piksel aralık

- Düzenleme: 6×6 veya 8×8 ızgara

- Konum: Sağ üst köşe, kenarlardan 100-150 piksel uzaklıkta

- Kullanım: İsteğe bağlı vurgu, görsel olarak dikkat çekici bir unsur ekler ancak aşırıya kaçmaz.

### Simgeler (Minimum Kullanım)

**Stil:**

- Sadece çizgi çizimi, dolgu yok.

- Ağırlık: 2-3 pound

- Renk: `#2B2B2B`

- Beden: 48-64pt

- Örnekler: Göz simgesi (görüş), hedef/nişangah (görev)

- Kullanım: Çok nadir ve yalnızca belirli kavramları pekiştirmek amacıyla kullanılmalıdır.

## Karakter Çizim Sistemi

### Karakter Tasarım Özellikleri

**Temel Yapı:**

- Basit beyaz insansı bir karakterin minimalist, elle çizilmiş bir karalama illüstrasyonu. Karakterin yuvarlak, uzun bir kafası, gözleri için iki küçük siyah nokta ve belirgin sivri bir burnu var. Belirgin parmakları veya ayak parmakları yok. Boynuna kalın, uzun, düz mavi bir atkı [isteğe bağlı: 'hardal sarısı atkı' ile değiştirilebilir] sarmış ve ucu aşağı doğru sarkıyor. Sanat tarzı, düz, kirli beyaz bir arka plana karşı kalın, dokulu siyah kalem konturları ve gölgelendirme içermeyen düz renkler kullanıyor. Karakter [bağlama uygun olan]

**Mavi Vurgu (KRİTİK):**

- Öğe: Şal, gömlek veya giyim eşyası

- Renk: `#5B7FFF` (canlı mavi)

- Stil: Elle çizilmiş, akıcı organik şekiller

- Kapsam: Karakterin %15-25'i

- Amaç: Marka kimliği, görsel ilgi, hareketlilik

**Tarz Tutarlılığı:**

- Her zaman el çizimi kalitesi (organik, kusurlu çizgiler)

- Her zaman mavi vurgu öğesi ekleyin.

- Tüm karakterlerde aynı çizgi kalınlığını koruyun.

- Pozlar arasında oranları tutarlı tutun.

### Minimalist İllüstrasyon Kılavuzu

**Önce Sadelik:**

- Tüm çizimleri son derece sade ve minimalist tutun.

- Karakter yüksekliği 120pt'yi (slayt yüksekliğinin yaklaşık %10-12'si) geçmemelidir.

- Geometrik elemanlar küçük olmalı ve yalnızca köşelerle sınırlı kalmalıdır.

- Görsel kaplama alanı slayt alanının %15'inden az olmalıdır.

- Karmaşık veya detaylı çizimlerden kaçının.

**Mekan ve Nefes Alma Alanı:**

- Slayt boyunca bol miktarda beyaz boşluk bırakın.

- Metin, içerik alanının yalnızca %50-55'ini (genellikle sol tarafı) kaplamalıdır.

- Görsel nefes alma alanı sağlamak için sağ taraf çoğunlukla boş kalmalıdır.

- Her taraftan geniş kenar boşlukları: minimum 100 piksel, tercihen 100-120 piksel

- Görseller yalnızca sağ alt köşeyle sınırlı olmalı ve kenarlardan en az 100 piksel uzaklıkta bulunmalıdır.

**Yerleşim Dengesi:**

- Kaydırağın ortası temiz ve boş olmalıdır.

- Dağınıklıktan veya mevcut tüm alanı doldurmaktan kaçının.

- Odaklanma ve netlik yaratmak için beyaz alanı stratejik olarak kullanın.

- Az çoktur: gereksiz görsel öğeleri kaldırın.

- Dekorasyondan ziyade okunabilirliğe ve ferahlığa öncelik verin.