windows-3-1-web-designer

Umiejętność do tworzenia autentycznych interfejsów w estetyce Windows 3.1. Generujesz pikselownie dokładne komponenty UI z charakterystycznymi skośnymi krawędziami, szarą paletą systemową i stylem Menedżera Programów. Idealna do retro-tematycznych aplikacji webowych, nostalgicznych stron, gier z lat 90. i doświadczeń nawiązujących do pixel-artu. Unika się vaporwave'u, glassmorphizmu i nowoczesnych trendów projektowych.

1. Aktywuj umiejętność, wspominając w prośbie jedno z kluczowych słów: "Windows 3.1", "retro UI", "beveled borders", "win31", "program manager" lub "90s aesthetic". Możesz też bezpośrednio poprosić o projekt w stylu Windows 3.1.

2. Opisz, co chcesz zaprojektować — czy to landing page, interfejs aplikacji, stronę dokumentacji czy grę. Umiejętność automatycznie zastosuje paletę kolorów systemowych (szary #c0c0c0 jako główne tło, ciemny szary na cienie, granatowy na paski tytułu, turkusowy na linki).

3. Pozwól umiejętności na użycie narzędzi do budowania i ulepszania komponentów. Będzie tworzyć komponenty z charakterystycznymi skośnymi krawędziami — wypukłe przyciski i pola (efekt OUTSET) oraz wciśnięte elementy (efekt INSET) dla autentycznego wyglądu lat 90.

4. Jeśli chcesz zmienić lub doprecyzować projekt, opisz zmiany — na przykład "dodaj więcej przycisków w Menedżerze Programów" lub "zmień kolory na bardziej stonowane". Umiejętność nie będzie mieszać Windows 3.1 z vaporwave'em, glassmorphizmem czy nowoczesnym Material Design.

5. Pobierz gotowy kod HTML/CSS lub komponenty i wdrażaj je w swojej aplikacji webowej. Umiejętność pracuje najlepiej razem z umiejętnością web-design-expert do łączenia retro estetyki z nowoczesną funkcjonalnością.