Kesinleşen Kararlar
Token maliyeti önemli değil (VIP hizmet)
AI tüm seçenekleri görür, bilinçli seçer
Premium Section her tasarımda ZORUNLU
Sektör = text input (kullanıcı yazar)
Ek bilgiler = textarea (1000+ satır)
Tasarım sayısı seçilebilir (1-2-3)
Premium Section
Her tasarımda zorunlu olan özel, animasyonlu, interaktif alan.
Varilsan örneği gibi ama sadece ona bağlı değil - global tüm kaynaklar kullanılabilir.
Varilsan örneği gibi ama sadece ona bağlı değil - global tüm kaynaklar kullanılabilir.
Olası Efektler
- • Particle sistemleri
- • Gradient wave / mesh
- • Glassmorphism
- • 3D transforms / WebGL
- • Lottie animasyonları
- • Cursor tracking
- • Scroll-driven animasyonlar
- • SVG morph / path animasyonları
- • Parallax efektleri
Kullanılabilecek Kaynaklar
- • GSAP + ScrollTrigger
- • Three.js / WebGL
- • Particles.js / tsParticles
- • Lottie animasyonları
- • AOS scroll animasyonları
- • Swiper.js
- • Awwwards / Codepen ilhamları
- • CSS Houdini
- • Vanilla CSS @keyframes
Tasarım Sayısı (Dinamik)
Kullanıcı kaç alternatif tasarım istediğini seçer. Premium section farklı olunca tasarım da farklı olacağı için tam tasarım alternatifleri sunulur.
Kaç tasarım üretilsin?
(Varsayılan: 1)
1
Tek tasarım
Hızlı teslimat
2
2 alternatif
Karşılaştırma imkanı
3
3 alternatif
Maksimum seçenek
UI Görünümü
TARZ SEÇİMİ
Mevcut /design/sectors/ kartları (değişmiyor)
Dosya Yapısı
public/design/
├── data/
├── styles.json ← Tarz kuralları
├── premium-sections.json ← Animasyonlu özel alanlar
├── heroes.json ← Hero layoutları
└── sections.json ← About, services, footer vb.
└── sectors/
└── index.html ← Güncellenecek
Örnek Prompt Çıktısı
## SEKTÖR
Hukuk Bürosu
## FİRMA ADI
Yılmaz Hukuk
## TARZ KURALLARI
### Lüks / Premium
- Koyu arka plan (slate-950, siyah)
- Altın/şampanya aksan renkleri
- Bol negatif space
- İnce fontlar, geniş letter-spacing
⛔ Kaçın: Kalabalık layout, parlak renkler
---
## PREMIUM SECTION (ZORUNLU)
Her tasarımda animasyonlu, interaktif özel bir section olmalı.
Kullanılabilecek efektler:
- Particle sistemleri, gradient wave, glassmorphism
- 3D transforms, WebGL, Lottie
- GSAP, ScrollTrigger, cursor tracking
- Parallax, SVG morph animasyonları
---
## HERO SEÇENEKLERİ
[150 hero layout - AI en uygununu seçer]
## SECTION SEÇENEKLERİ
[About, Services, Contact, Footer - AI en uygunları seçer]
---
## FİRMA BİLGİLERİ
[Kullanıcının yapıştırdığı içerik]
---
## GÖREV
**3 FARKLI TASARIM** oluştur.
Her tasarım:
1. Farklı Premium Section kullanmalı
2. Aynı içeriği/bilgileri kullanmalı
3. Tarz kurallarına uymalı
4. Tailwind CSS ile tek sayfa
Çıktı:
- tasarim-1.html
- tasarim-2.html
- tasarim-3.htmlYapılacaklar
1
styles.json - Tarz kuralları (rules + avoid)
2
premium-sections.json - Animasyonlu özel alanlar
3
heroes.json - Hero layoutları
4
sections.json - About, Services, Contact, Footer
5
/design/sectors/index.html güncelle (input'lar + tasarım sayısı + prompt oluştur)
6
Niş tarzları kaldır (Cyberpunk, Art Deco vb.)
7
Test