0xFrogski
697 posts

0xFrogski
@Crypt0Frog
0x0maxi Just play your fucking lvls believe your TA Trade confirmation 5m/15m/30m rsi divs
Poland Katılım Kasım 2021
131 Takip Edilen82 Takipçiler
Sabitlenmiş Tweet
0xFrogski retweetledi

0xFrogski retweetledi
0xFrogski retweetledi
0xFrogski retweetledi
0xFrogski retweetledi
0xFrogski retweetledi
0xFrogski retweetledi
0xFrogski retweetledi
0xFrogski retweetledi
0xFrogski retweetledi
0xFrogski retweetledi
0xFrogski retweetledi
0xFrogski retweetledi
0xFrogski retweetledi
0xFrogski retweetledi
0xFrogski retweetledi
0xFrogski retweetledi
0xFrogski retweetledi
0xFrogski retweetledi
0xFrogski retweetledi

1. Robisz tego prompta.
2. Dodajesz info o swojej firmie, treści, etc (może być na końcu)
3. wrzucasz jeden plik na Tiiny Host. To dobry start :)
Najlepiej Gemini 3.1 Pro lub Claude Opus/Sonnet 4.6.
Enjoy
=== PROMPT ===
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"
✅ 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 (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 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 2025: Rozważ elevated brutalism, kinetic typography, cultural localization, sustainable design (dark mode + minimalizm energetyczny), immersive storytelling.
TERAZ STWÓRZ: [Tu wklej swój konkretny brief]
Polski





















