windows-3-1-web-designer

Expert in authentic Windows 3.1 aesthetic for modern web applications. Creates pixel-perfect retro UI with beveled borders, system gray palettes, and program manager styling. Use for retro-themed web apps, 90s desktop aesthetics, nostalgic landing pages, pixel-art adjacent experiences. Activate on \

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ą.