AI Destekli Web Sitesi Platformu
Electric Purple
#a855f7
Electric Pink
#ec4899
Electric Orange
#f97316
Electric Cyan
#06b6d4
Void Dark
#0c0a1d
Aa Bb Cc
Başlıklar, hero text, CTA butonları
Weights: 500, 600, 700, 800
Aa Bb Cc
Paragraflar, açıklamalar, form alanları
Weights: 300, 400, 500, 600
Google Fonts URL:
https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&family=Lexend:wght@300;400;500;600&display=swap
Tip: Floating Glass + Mega Menu
Glass morphism efektli, mega dropdown menü, animated mobile menu
Tip: Animated Parallax + Floating Elements + Mesh Gradient
Morphing blob shapes, staggered fade-in animations, gradient text animation
Layout: Asymmetric Grid (2+1+1+2 pattern)
Card glow hover effect, icon switch animation, gradient borders
Tip: Scroll Storytelling - Zigzag Layout
Alternating image-text sections, numbered steps, gradient connectors
Tip: Multi-column Corporate
5 kolonlu, sosyal medya, quick links, legal links
Aşağıdaki promptları Leonardo AI'da kullanarak görselleri üretin.
Prompt:
Commercial photography of modern SaaS dashboard interface floating in abstract 3D space, holographic UI elements with purple and pink gradient glow, dark void background with subtle mesh gradient, isometric perspective showing website builder interface with AI assistant panel, data visualization widgets, glass morphism cards, Canon EOS R5 with 35mm f/1.4 lens, sharp focus on interface elements, cinematic lighting with neon accents, futuristic tech aesthetic, 8K resolution, hyperrealistic digital art
Model: Leonardo Phoenix | PhotoReal ON | Alchemy ON | Guidance: 7
Prompt:
Vertical composition of futuristic mobile app interface floating in dark space, AI-powered website builder on smartphone screen, glowing purple-pink-orange gradient elements, abstract geometric shapes floating around device, holographic UI components, dark void background with subtle light rays, professional product photography style, soft studio lighting with neon rim lights, portrait orientation, 8K resolution, hyperrealistic
Model: Leonardo Phoenix | Boyut: 1080x1920 | PhotoReal ON
Prompt:
Editorial photography of AI neural network visualization, abstract brain made of glowing purple and cyan light particles, interconnected nodes forming intelligent pattern, dark background with subtle gradient, professional tech company imagery, macro lens capturing intricate details, soft diffused lighting, conceptual art style representing artificial intelligence, modern and sophisticated mood, square format, 8K resolution
Model: Leonardo Phoenix | Boyut: 1024x1024 | Alchemy ON
Prompt (AI Content Engine):
Commercial photography of AI writing assistant interface on modern display, floating text blocks with auto-complete suggestions, glowing purple cursor, content generation visualization with particle effects, dark tech office environment background, Canon EOS R5 85mm f/1.4, shallow depth of field, professional product shot lighting, futuristic yet clean aesthetic, 8K resolution
Prompt (Tema Seçimi):
Editorial photography of website theme gallery interface, grid of beautiful website templates floating in 3D space, pink and purple gradient highlights on selected theme, glass morphism preview cards, modern UI design showcase, dark environment with spotlight on templates, professional product photography, 50mm lens perspective, clean and organized layout, 8K resolution
Prompt (AI Özelleştirme):
Commercial photography of drag-and-drop website editor interface, hand cursor moving design elements, AI suggestion tooltips appearing, orange and cyan accent lighting, modern glassmorphism UI panels, dark workspace background, professional screenshot style but with artistic lighting, real-time editing visualization, 8K resolution, hyperrealistic
Prompt (Yayınlama):
Editorial photography of website launch celebration, rocket launching from laptop screen metaphor, cyan and blue gradient glow effects, confetti particles, "Published" success message on screen, dark background with dramatic lighting, dynamic energy visualization, professional tech imagery, motion blur on rocket trail, 8K resolution
Prompt:
Social media preview card design for AI website builder platform, "Tuufi" text logo on left side, abstract AI brain visualization on right, purple-pink-orange gradient background, professional SaaS marketing imagery, clean and bold typography area, dark sophisticated style, horizontal banner format 1200x630, suitable for social sharing, 8K quality
Not: Logo ve metin post-production'da eklenecek
Tailwind CSS v4: CDN kullanımı, custom colors config içinde tanımlı
Alpine.js: Mobile menu, dark mode toggle, FAQ accordion
GSAP + ScrollTrigger: Tüm scroll animasyonları, parallax efektler
FontAwesome Pro 7: LOCAL path: /assets/libs/fontawesome-pro@7.1.0/css/all.css
Breakpoint: xl: (1280px) - Mega menu bu noktada aktif