Tworzenie strony internetowej w unikalnym stylu marki

Cześć! Pomożesz mi stworzyć spersonalizowany prompt do tworzenia stron internetowych, które będą miały mój unikalny styl designerski. Zadaj mi pytania o moje preferencje, a następnie dostosuj mega prompt do moich odpowiedzi. WAŻNE: Wszystkie odpowiedzi są opcjonalne. Jeśli nie wiesz co odpowiedzieć na jakieś pytanie, po prostu je pomiń. PYTANIA DO MNIE:
1. Opisz swoją osobowość biznesową w 3 słowach.
(np. energiczny, profesjonalny, kreatywny, przyjazny, innowacyjny, tradycyjny, odważny, spokojny, ekskluzywny, przystępny, ekspercki, zabawny, poważny, lokalny, globalny) 2. Jaka atmosfera najlepiej opisuje Twój biznes?
(ciepła i przyjazna, nowoczesna i tech, elegancka i premium, zabawna i kreatywna, profesjonalna i zaufana, artystyczna i ekspresyjna, minimalistyczna i czysta, bogata i luksusowa, młodzieżowa i energiczna, tradycyjna i stabilna, awangardowa i odważna) 3. Jakie kolory kojarzą Ci się z Twoją marką?
(opisz nastrój lub podaj konkretne kolory: ciepłe i energiczne, chłodne i profesjonalne, pastelowe i delikatne, żywe i odważne, naturalne i organiczne, monochromatyczne, błękit i zaufanie, czerwień i pasja, zieleń i rozwój, złoto i prestiż) 4. Co chcesz, żeby klienci czuli odwiedzając Twoją stronę?
(zaufanie, inspirację, spokój, podekscytowanie, bezpieczeństwo, ciekawość, komfort, profesjonalizm, kreatywność, pewność, radość, skupienie, luksus, przystępność, innowacyjność) 5. Jaki styl wizualny Ci się podoba?
(minimalistyczny, bogaty w detale, vintage/retro, futurystyczny, ręcznie rysowany, fotograficzny, geometryczny, organiczny, industrialny, skandynawski, japoński, amerykański, europejski, brutalistyczny, elegancki) 6. Czy masz ulubione strony internetowe? Podaj 1-2 przykłady, wybierz ze stylu poniżej albo wklej screenshot strony, która Ci się podoba. PRZYKŁADY STYLÓW WIZUALNYCH:
• Minimalistyczny: Apple.com, Stripe.com, Linear.app
• Nowoczesny tech: Vercel.com, GitHub.com, Figma.com
• Ciepły i przyjazny: Mailchimp.com, Slack.com, Notion.so
• Elegancki premium: Tesla.com, Rolex.com, Chanel.com
• Kreatywny/artystyczny: Behance.net, Dribbble.com, Awwwards.com
• Klasyczny biznesowy: Microsoft.com, IBM.com, Deloitte.com
• E-commerce: Shopify.com, Etsy.com, Amazon.com WSKAZÓWKA: Jeśli wkleisz screenshot strony, AI będzie mógł dokładnie przeanalizować styl wizualny i dostosować do niego Twój prompt. 7. Twoja branża to...
(np. technologia, medycyna, edukacja, finanse, nieruchomości, gastronomia, moda, sport, kultura, usługi prawne, konsulting, e-commerce, rzemiosło, sztuka, marketing, księgowość, budowlanka, turystyka) Na podstawie moich odpowiedzi dostosuj ten MEGA PROMPT: # MEGA PROMPT: Stwórz stronę, która NIE wygląda jak AI ROLA: Jesteś doświadczonym designerem z 15-letnim doświadczeniem w eksperymentalnej typografii i brandingu. Specjalizujesz się w tworzeniu autentycznych, ludzkich designów, które mają duszę i osobowość. ZADANIE: Stwórz [opisz co chcesz], która wygląda, jakby była projektowana ręcznie przez człowieka w małym studiu designerskim przez kilka miesięcy. ABSOLUTNIE UNIKAJ, AI RED FLAGS: Kolorystyka:, Gradientów blue-600 do purple-600., Domyślnej palety Tailwind, gray-50, blue-500 itd., Perfekcyjnie symetrycznych kolorów., Bezpiecznych kombinacji szarości. Typografia:, Inter jako głównej czcionki., Tylko font-weight 400, 600, 800., Matematycznie perfekcyjnych odstępów., Poppins + Roboto combo. Layout:, grid grid-cols-3 gap-8 wszędzie., Hero z tekstem idealnie na środku., 3-kolumnowych sekcji features., max-w-7xl dla każdego kontenera., py-16, py-12 dla każdej sekcji. Treść:, Unlock your potential, Transform your business, Revolutionize your workflow., Generycznych CTA jak Get Started., Za dużo emotikonów. Zamiast tego używaj custom SVG dopasowanych do stylu. RÓB TO ZAMIAST: Kolorystyka z charakterem:, Użyj kulturowych palet inspirowanych konkretnym miejscem lub nastrojem., Dodaj ciepłe akcenty w chłodnych paletach, 2-3 nieoczekiwane kolory., Stwórz subtelne wariacje powtarzalnych elementów, plus minus 5-10% nasycenia., Zastosuj kolory, które nie powinny działać, ale działają. Typografia z duszą:, Mieszaj kultury designerskie, np. japoński minimalizm i brazylijski maksymalizm., Użyj variable fonts z dynamicznymi zmianami., Stwórz niestandardowe, ryzykowne pary czcionek. Layout opowiadający historię:, Bento box layouts, nieregularne siatki inspirowane japońskimi pudełkami., Elementy zachodzące na siebie organicznie., Nieregularne marginesy i organiczna biała przestrzeń. Ludzkie detale:, Mikroanimacje 200-500ms z organicznym easingiem., Hover effects z charakterem, nieoczekiwane, ale subtelne reakcje., Loading states z osobowością marki., Error states po ludzku, np. Ups, coś poszło nie tak! zamiast Error 404. KONKRETNE TECHNIKI HUMANIZACJI: Celowe niedoskonałości, 20% designu:, Nieregularne odstępy między sekcjami., Lekko off-center wyrównanie tekstu, 2-3%. CSS z charakterem:
css
/* ZAMIAST: margin: 2rem; */
margin: 1.75rem 2.1rem 2.3rem 1.9rem; /* ZAMIAST: box-shadow: 0 4px 8px rgba(0,0,0,0.1); */
box-shadow: 2px 7px 15px rgba(0,0,0,0.08), -1px 2px 8px rgba(0,0,0,0.05); Responsive z osobowością:, Różne layouty na różnych urządzeniach, nie tylko skalowanie., Mobile ma własne rozwiązania designerskie., Breakpointy dostosowane do treści, nie standardowe. WYMAGANIA TECHNICZNE:, Accessibility: zachowaj standardy WCAG., Performance: optymalizuj obrazy i animacje., SEO: semantyczny HTML i meta tags., Responsive: mobile-first approach z charakterem na każdym urządzeniu. WYMAGANIA TECHNICZNE I JAKOŚCIOWE: Struktura pliku:, Wszystko w 1 pliku HTML z wbudowanym CSS i JavaScript., Favicon wygenerowany inline jako SVG, bez zewnętrznych plików., Semantyczny, czysty kod HTML5. Poziom wykonania:, Daj z siebie wszystko, to ma być Twoje najlepsze dzieło., Najbardziej eleganckie rozwiązanie, jakie potrafisz stworzyć., Jakość, która sprawi, że designerzy Apple i Tesla powiedzą: wow. Funkcjonalność:, Jak najwięcej istotnych funkcji i interakcji., Wszystkie elementy powinny być funkcjonalne, nie tylko wizualne., Smooth scrolling, lazy loading, responsive images. Przemyślane detale UX:, Stany hover z charakterem i płynnością., Przejścia i animacje z organicznym easingiem, cubic-bezier., Mikrointerakcje, które dodają radości użytkowaniu., Loading states, error states, empty states, wszystko z osobowością., Subtelne parallax effects i scroll-triggered animations. Performance & Accessibility:, Szybkie ładowanie mimo bogatej funkcjonalności., Pełna responsywność na wszystkich urządzeniach., WCAG 2.1 compliance., Keyboard navigation., Screen reader friendly. OSTATECZNY TEST JAKOŚCI: PAMIĘTAJ: Celem nie jest ukrycie AI, ale zapewnienie, że ludzka kreatywność, osąd i osobowość przebijają przez każdą decyzję projektową. AI to punkt wyjścia, Ty dodajesz duszę i doskonałość wykonania. BONUS TRENDY 2026: Rozważ elevated brutalism, kinetic typography, cultural localization, sustainable design, dark mode + minimalizm energetyczny, immersive storytelling. TERAZ STWÓRZ: [Tu wklej swój konkretny brief]