1. Proje Bilgileri
Temel bilgiler
2. Ana Tasarım Tarzı
Site genelinin görsel kimliği
2.2 Alternatif Stiller
Modern tasarım trendleri ve özel efektler
2.3 Dönem Bazlı Stiller
Tarihsel dönemlerden ilham alan tasarımlar
2.5 Site Amacı
Ana tarzla kombine edilebilir
3. Renk Paleti
Ana renk seçimi (Tailwind tonları otomatik)
3.5 Layout Tarzı
Sayfa yerleşim düzeni
4. Header Kategorisi
Genel stil seç, AI detaylı header tipini JSON'dan seçer
100 varyasyon: Kategori seç veya AI'ın headers.json dosyasından seçmesine izin ver.
5. Hero Kategorisi
Genel stil seç, AI detaylı hero tipini JSON'dan seçer
Nasıl Çalışır: Kategori seçersen AI o kategoriden uygun hero tipi seçer. Seçmezsen AI sektöre göre en uygun hero'yu heroes.json dosyasından kendisi belirler.
6.5 Font Seçimi
Popüler fontlar - tek seçim yeterli
Başlık Yazısı
Alt başlık metni örneği
Bu font ile web siteniz profesyonel görünür. Okunması kolay, göz yormaz.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789
7. Tasarım Tercihleri
Opsiyonel - seçmezsen AI karar verir
Override Mantığı: Buradaki tercihler, seçilen Tasarım Tarzı'nın varsayılanlarını ezer. Örneğin "Modern" stil rounded köşe öneriyorsa ama sen "Sharp" seçersen → Sharp uygulanır.
Köşe Yuvarlaklığı
Gölge Stili
Boşluk Miktarı
Animasyon Seviyesi
8. Landing Page Tipi (Önemli!)
Dönüşüm odaklı landing page seçimi
120 varyasyon: Landing page seçersen site yapısı buna göre optimize edilir. landing.json
9. Sayfa Bölümleri
Hangi bölümler olsun? (Çoklu seçim)
Her kategori için AI, ilgili JSON'dan en uygun varyasyonu seçer.
10. Özel Efektler & Signature Sections
492 premium efekt • 6 kategori • Awwwards kalitesinde
Performans Odaklı
GPU hızlandırmalı CSS animasyonları
Dark/Light Uyumlu
Her mod için optimize edilmiş
Mobil Öncelikli
Touch-friendly etkileşimler
11. Blog Stili
Blog ve haber sayfası düzeni
60 varyasyon: Kategori seç, AI detayları blog.json'dan seçer.
12. Portfolyo
Proje ve iş örnekleri gösterimi
60 varyasyon: Kategori seç, AI detayları portfolio.json'dan seçer.
13. İstatistikler
Sayaçlar, grafikler ve metrikler
50 varyasyon: Kategori seç, AI detayları statistics.json'dan seçer.
14. Timeline
Tarihçe ve süreç gösterimi
50 varyasyon: Kategori seç, AI detayları timeline.json'dan seçer.
15. Harita
Konum ve harita gösterimi
50 varyasyon: Kategori seç, AI detayları maps.json'dan seçer.
16. Formlar
Form ve giriş alanları
65 varyasyon: Kategori seç, AI detayları forms.json'dan seçer.
17. Tablolar
Fiyat ve veri tabloları
55 varyasyon: Kategori seç, AI detayları tables.json'dan seçer.
18. Tab/Accordion
Sekmeli ve açılır içerik
50 varyasyon: Kategori seç, AI detayları tabs.json'dan seçer.
19. Kartlar
Kart bileşenleri ve stilleri
65 varyasyon: Kategori seç, AI detayları cards.json'dan seçer.
21. Modal/Popup
Açılır pencere ve bildirimler
60 varyasyon: Kategori seç, AI detayları modals.json'dan seçer.
22. Duyuru Bar
Promosyon ve bilgilendirme barları
50 varyasyon: Kategori seç, AI detayları announcement.json'dan seçer.
24. Hata Sayfası
404, 500 ve bakım sayfaları
55 varyasyon: Kategori seç, AI detayları errorpages.json'dan seçer.
25. Arama
Arama kutusu ve filtreleme
50 varyasyon: Kategori seç, AI detayları search.json'dan seçer.
26. Giriş/Kayıt
Login ve register formları
60 varyasyon: Kategori seç, AI detayları auth.json'dan seçer.
27. Dark Mode
Karanlık mod geçiş stili
50 varyasyon: Kategori seç, AI detayları darkmode.json'dan seçer.
29. Scroll Animasyon
Kaydırma tetiklemeli efektler
60 varyasyon: Kategori seç, AI detayları scrollanim.json'dan seçer.