Prompt Dokümanı

Genel Kurumsal Site

Versiyon: v1-20251229-0200 | Oluşturma: 29 Aralık 2025

Genel Bilgiler

Sektör: Genel Kurumsal

Tasarım Yaklaşımı: Minimal + Retro/Vintage

Varsayılan Tema: Light Mode (Sistem tercihine göre)

Responsive: Evet

Stil Detayları

Font: Space Grotesk (Google Fonts)

Renk Paleti:

Cream #faf8f5

Terracotta #c4704b

Sage #7d8471

Mustard #d4a03c

Vintage Dark #2d2d2d

Özel Efektler: Vintage noise texture, Retro underline

Layout Seçimleri (Prompt Listesinden)

Header

#1 - Logo left + Nav center + CTA right

+ Bottom Navigation (Tarz'dan)

Hero

#21 - Sol %60 metin + Sağ %40 image

Tarz'dan: Split Hero

About

#106 - Founder Story

Timeline mini + Quote overlay

Services

#61 - Feature Cards Grid (3x2)

Tarz'dan: Özellik Kartı

Values

#87 - Mission Statement

Large quote + Value cards grid

Contact

#56 - Business Card Style

Minimal info + Contact form

Footer

#26 - Single line footer

Logo + Copyright + Links

Navigation

#94 - Bottom sheet menu (Fixed)

Tarz'dan: Bottom Navigation

Section Sırası

1 Hero → 2 About → 3 Services → 4 Values → 5 Contact → 6 Footer

Yaklaşım: Hikaye odaklı (Story-driven) - Hero'dan başlayıp şirket hikayesi, ardından hizmetler ve değerlerle güven inşa edip iletişimle sonlandırılıyor.

Leonardo.ai Görsel Promptları

hero-portrait.jpg

800x1200

Prompt: "Vintage style professional business portrait, elegant elderly businessman in classic suit, warm sepia tones, film grain texture, soft natural window light, Kodak Portra 400 aesthetic, slight vignette, timeless corporate photography, 8k quality"

Model: Leonardo Phoenix Style: Photoreal Negative: blurry, low quality, watermark, text, modern clothing

about-office.jpg

800x600

Prompt: "Vintage office interior 1980s style, wooden desk with papers, typewriter, warm tungsten lighting, dust particles in sunlight, nostalgic corporate atmosphere, Fuji Velvia film stock, slight lens flare, documentary photography style"

Model: Leonardo Phoenix Style: Cinematic Negative: modern technology, computer, blurry, low quality

service-icons/ (İsteğe Bağlı)

512x512 each

Prompt (Örnek): "Minimal line art icon, vintage style, single color terracotta on cream background, [icon subject], art deco influence, simple elegant design, vector style illustration"

Not: Mevcut tasarımda FontAwesome ikonları kullanılmıştır. Leonardo.ai ile custom ikonlar üretilip değiştirilebilir.

texture-vintage.png (İsteğe Bağlı)

1000x1000 seamless

Prompt: "Subtle paper grain texture, vintage aged paper effect, cream beige color, seamless pattern, noise grain overlay, old document feel, high resolution texture map"

Not: Mevcut tasarımda CSS SVG noise texture kullanılmıştır. Daha zengin bir vintage his için Leonardo.ai ile texture üretilebilir.

Tarz Sayfasından Seçimler (Öncelikli)

Ana Tasarım Türü

Minimal tasarım yaklaşımı: Sade, temiz, gereksiz öğelerden arındırılmış. Beyaz alan bolca kullanılıyor, odak içerikte.

Alternatif Tarz

Retro / Vintage: Sepia tonları, film grain efekti, nostaljik his. Minimal ile harmanlayarak modern-vintage hibrit oluşturuldu.

Tipografi

Space Grotesk (Google Fonts) - Fütüristik, teknoloji ve AI projeleri için ideal. Minimal estetiğe uygun geometrik yapı.

Navigasyon

Bottom Navigation: Mobil-öncelikli, sabit alt bar. Tüm cihazlarda kolay erişim, modern UX.

Hero Tarzı

Split Hero: Sol %60 metin, sağ %40 görsel. Klasik kurumsal sunum, güçlü görsel hiyerarşi.

Kart Tasarımı

Özellik Kartı: Hizmetler için ikon + başlık + açıklama + CTA yapısı. Hover efektleri ile interaktif.

Özel Notlar

✓ Dark/Light Mode: Sistem tercihine göre varsayılan, toggle butonu header'da. localStorage ile tercih kaydediliyor.
✓ Vintage Texture: CSS SVG ile oluşturulan subtle noise efekti, vintage his katıyor.
✓ AOS Animasyonları: Scroll-triggered fade-up/fade-right/fade-left animasyonları.
✓ Retro Underline: Başlıklarda terracotta renkli accent underline.
✓ Grayscale Effect: Hero görselinde grayscale, hover'da renkli geçiş.
✓ Bottom Nav Active State: Scroll spy ile aktif section'ı vurgulama.
⚡ Fallback Görseller: Unsplash placeholder kullanılıyor. Leonardo.ai ile üretilen görseller images/ klasörüne eklenmeli.

Kullanılan Teknolojiler

Tailwind CSS v4 (CDN) Space Grotesk Font FontAwesome 6.5 AOS (Animate On Scroll) Vanilla JavaScript CSS Custom Properties

Bu doküman site ile birlikte Claude AI tarafından üretilmiştir.

29 Aralık 2025 | Versiyon: v1-20251229-0200

Siteye Dön