📱 iPhone 17 Pro Giveaway 📱
Be one of 10 lucky winners to snag a brand-new iPhone! 🎉
How to join:
1️⃣ Follow @Bitget
2️⃣ Like & RT this post
3️⃣ Tag 3 friends to join the hype!
If we hit 4.6M followers by the end of 2025, we’ll draw the winners!
Chcesz robić piękne stronki z AI?
Ale takie, aby nie wyglądały jak AI?
Zacznij od stworzenia swojego stylu!
Metoda na leniuszka:
1. Odpal tego prompta
2. Wynik wklejaj przy starcie nowej stronie z AI (Gemini, Claude, etc).
Podziel się wynikiem.
Ważne: Pracowałem trochę nad tym promptem, więc jak Ci pomoże, to zrób RT i wklej screen do zrobionej strony.
Najlepiej działa w Gemini 3 Pro lub Claude Opus 4. (poniższe przykłady to oneshoty z Gemini, Claude)
== PROMPT ===
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, lub WKLEJ SCREENSHOT strony która Ci się podoba)
🎨 PRZYKŁADY STYLÓW WIZUALNYCH:
• Minimalistyczny: Apple, Stripe
• Nowoczesny tech: Vercel, Hithub, Firma
• Ciepły i przyjazny: Mailchimp, Slack
• Elegancki premium: Tesla, Rolex, Chanel
• Kreatywny/artystyczny: Behance, Dribble, Awwards
• Klasyczny biznesowy: Microsoft, IBM, Deloitte
• E-commerce: Shopify, Etsy, Amazon
💡 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, etc.)
- 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-kolumnowe sekcje 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/nastrojem
- Dodaj ciepłe akcenty w chłodnych paletach (2-3 nieoczekiwane kolory)
- Stwórz subtelne wariacje powtarzalnych elementów (±5-10% nasycenia)
- Zastosuj kolory które "nie powinny działać" ale działają
**Typografia z duszą**:
- Mieszaj kultury designerskie (np. japoński minimalizm + 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**:
- Mikro-animacje 200-500ms z organicznym easingiem
- Hover effects z charakterem (nieoczekiwane ale subtelne reakcje)
- Loading states z osobowością marki
- Error states po ludzku ("Ups, coś poszło nie tak!" zamiast "Error 404")
---
## 🎨 KONKRETNE TECHNIKI HUMANIZACJI:
**Celowe niedoskonałości (5% 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 wszystkie 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]
f*ck it, i'm leaking my complete app building system...
for only 24hrs, you get access to:
- my full vibe coding setup with Anything AI & Max
- 10 validated app ideas i was gatekeeping
- how to go from 0 to $10k/month with the setup
basically the entire workflow for building apps with an autonomous AI engineer
reply "MAX" + RT & like and i'll send it over (must be following so i can dm)