Template System v2

Güncellenmiş Plan • v2

Onay Bekliyor

v1'den Değişiklikler

Eski (v1):
  • /studio/ yeni sayfa
  • sectors.json ile sektör bazlı öneriler
  • Detaylı kalıp kuralları
Yeni (v2):
  • /design/sectors/ güncelleniyor
  • Sektör yok, kullanıcı yazacak
  • Temel yapı anlatımı (kalıpsız)

Ana Kararlar

1
Mevcut UI Korunuyor
/design/sectors/ seçim sistemi güzel, sadece geliştiriliyor
2
Tarz Tanımları = Temel Yapı
Kalıba sıkıştırma yok, Claude'un anlayacağı şekilde temel kurallar
3
Sektör Sistemi Yok
Kullanıcı sektörü input'a yazacak, Claude zaten anlayacak
4
Otomatik Prompt Oluşturma
Seçimler → JSON'dan kural çek → hazır prompt

Tarz Listesi

Ana Tarzlar (7 adet - kalıyor)

Minimal Modern Kurumsal Klasik Lüks/Premium Endüstriyel Tech/SaaS

Alternatif Tarzlar (6 adet - kalıyor)

Glassmorphism Gradient/Aurora Dark Mode Bold Typography Bento UI Grid/Swiss

Kaldırılacaklar (niş/kullanılmaz)

Cyberpunk Art Deco Maximalist Retro/Vintage Neumorphism Organic Kinetic 3D/İzometrik

Tarz Tanım Yapısı (styles.json)

Her tarz şu bilgileri içerecek - kalıba sıkıştırmadan, temel yapıyı anlatacak şekilde:

{
  "minimal": {
    "name": "Minimal",
    "description": "Az element, çok boşluk, net tipografi",

    "rules": {
      "spacing": "Bol whitespace, section arası geniş boşluk",
      "colors": "Max 2-3 renk, nötr tonlar ağırlıklı",
      "typography": "Temiz, okunabilir, tek font ailesi yeterli",
      "elements": "Sadece gerekli elementler, dekorasyon yok",
      "layout": "Tek kolon veya basit grid"
    },

    "avoid": [
      "Gradient arka planlar",
      "Çoklu gölgeler",
      "5+ renk kullanımı"
    ],

    "keywords": ["whitespace", "clean", "simple", "elegant"],
    "good_for": ["Danışmanlık", "Finans", "Mimarlık"]
  }
}

Dosya Yapısı

public/design/
├── data/
├── styles.json ← Tarz tanımları + kuralları
├── fonts.json ← Font çiftleri
├── colors.json ← Renk paletleri
└── components.json ← Hero, nav, footer tarzları
├── sectors/
└── index.html ← Güncellenecek (JSON'dan çeker)
└── prompt/
├── v3/ (mevcut, referans)
└── v4/prompt.txt ← Kısa prompt (~5K token)

Yeni UI Akışı

1
Sayfa Açılır
Tarzlar styles.json'dan dinamik yüklenir
2
Tarz Seçimi
Kartlara tıkla, birden fazla seçilebilir (ör: Modern + Dark Mode)
3
Ek Seçimler (opsiyonel)
Font stili, renk tonu, hero tipi, nav stili
4
Bilgi Girişi
Sektör: text input (kullanıcı yazar)
Firma adı: opsiyonel
Ek notlar: opsiyonel
5
"Prompt Oluştur" Butonu
Seçimlere göre JSON'dan kurallar çekilir, prompt hazırlanır
6
Çıktı
Hazır prompt gösterilir → Kopyala veya Claude'a gönder

Uygulama Adımları

1
styles.json oluştur — 13 tarz tanımı
Hazır
2
fonts.json oluştur — Font çiftleri
Bekliyor
3
colors.json oluştur — Renk paletleri
Bekliyor
4
components.json oluştur — Hero, nav, footer
Bekliyor
5
/design/sectors/index.html güncelle — JSON'dan dinamik yükle + prompt oluştur
Bekliyor
6
v4/prompt.txt oluştur — Kısa prompt template
Bekliyor
7
Test — 3 farklı seçimle deneme
Bekliyor

Doğrulama Kriterleri