Y2K / Web 1.0 Retro

A retro look that takes you back to the millennium era. It makes a strong impression on beauty/fashion promotions and hip brand pages targeting Gen Z.

CLICK_ME

Prompt_Generator.bat

AI Request Prompt

Create a web page with a Y2K Windows 95 (or Web 1.0) theme inspired by late 1990s to early 2000s internet aesthetics.

Requirements:
1) Borders: All components (windows, buttons) use 1-2px solid angular borders, no rounded corners.
2) Bevel/Emboss: border-top/left is #ffffff (light side), border-bottom/right is #000000 (dark side). Additional inset box-shadow for internal depth.
3) Window structure: Title bar (linear-gradient 90deg, #000080 to #1084d0) + minimize/maximize/close buttons + white inner body.
4) Background: Teal (#008080) pattern background, area outside windows feels like a desktop.
5) Typography: Impact for headings, MS Sans Serif/Comic Sans for body, fluorescent accents (Magenta #ff00ff, Cyan #00ffff).
6) Marquee: CSS animation (translateX 100% to -100%, 10s linear infinite) for scrolling text.
7) Buttons: Bevel borders, active state inverts light/dark sides for pressed effect.

Responsive:
- Mobile: Window width 92vw, reduced font sizes
- Desktop: max-width 1000px, window shadow (4px 4px 0 rgba(0,0,0,0.5))

Restrictions:
- No rounded corners (border-radius) allowed
- No modern gradients or glassmorphism effects
- No sleek sans-serif fonts

Output:
1) Window wrapper (title bar/body/buttons) structure and bevel CSS variables
2) Hero window / marquee / prompt window layout
3) HTML/CSS code with responsive support

1990년대 후반에서 2000년대 초반 인터넷 감성의 Y2K 윈도우 95 (또는 Web 1.0) 테마로 웹 페이지를 만들어줘.

요구사항:
1) 외곽선: 모든 컴포넌트(창, 버튼)에 1~2px 솔리드 각진 외곽선, 둥근 코너 금지.
2) 베벨/엠보싱: border-top/left는 #ffffff(밝은 면), border-bottom/right는 #000000(어두운 면). 추가로 inset box-shadow로 내부 입체감.
3) 윈도우 구조: 타이틀바(linear-gradient 90deg, #000080→#1084d0) + 최소화/최대화/닫기 버튼 + 흰색 내부 body.
4) 배경: 틸(#008080) 패턴 배경, 창 밖 영역은 바탕화면 느낌.
5) 타이포: 영문은 Impact, 본문은 MS Sans Serif/Comic Sans, 형광색(Magenta #ff00ff, Cyan #00ffff) 포인트.
6) 마퀴: CSS animation(translateX 100%→-100%, 10s linear infinite)으로 텍스트 흐름 구현.
7) 버튼: 베벨 보더, active 시 밝은/어두운 면 반전으로 눌림 효과.

반응형:
- 모바일: 윈도우 창 폭 92vw, 폰트 크기 축소
- 데스크톱: max-width 1000px, 윈도우 창 그림자(4px 4px 0 rgba(0,0,0,0.5))

금지사항:
- 둥근 코너(border-radius) 사용 금지
- 모던 그라데이션이나 글래스모피즘 효과 금지
- 세련된 산세리프 폰트 사용 금지

출력:
1) 윈도우 창 래퍼(타이틀바/body/버튼) 구조와 베벨 CSS 변수
2) 히어로 윈도우 / 마퀴 / 프롬프트 윈도우 레이아웃
3) 반응형 대응이 포함된 HTML/CSS 코드

1990年代後半から2000年代初頭のインターネット感性のY2K Windows 95（またはWeb 1.0）テーマでウェブページを作成してください。

要件:
1) 外枠: すべてのコンポーネント（ウィンドウ、ボタン）に1〜2pxソリッドの角張った外枠、角丸禁止。
2) ベベル/エンボス: border-top/leftは#ffffff（明るい面）、border-bottom/rightは#000000（暗い面）。追加でinset box-shadowで内部の立体感。
3) ウィンドウ構造: タイトルバー（linear-gradient 90deg, #000080→#1084d0）+ 最小化/最大化/閉じるボタン + 白い内部body。
4) 背景: ティール（#008080）パターン背景、ウィンドウ外の領域はデスクトップ風。
5) タイポグラフィ: 英文はImpact、本文はMS Sans Serif/Comic Sans、蛍光色（Magenta #ff00ff、Cyan #00ffff）アクセント。
6) マーキー: CSSアニメーション（translateX 100%→-100%、10s linear infinite）でテキストスクロールを実装。
7) ボタン: ベベルボーダー、active時に明/暗面反転で押下効果。

レスポンシブ:
- モバイル: ウィンドウ幅92vw、フォントサイズ縮小
- デスクトップ: max-width 1000px、ウィンドウシャドウ（4px 4px 0 rgba(0,0,0,0.5)）

禁止事項:
- 角丸（border-radius）の使用禁止
- モダンなグラデーションやグラスモーフィズム効果禁止
- 洗練されたサンセリフフォントの使用禁止

出力:
1) ウィンドウラッパー（タイトルバー/body/ボタン）構造とベベルCSS変数
2) ヒーローウィンドウ / マーキー / プロンプトウィンドウレイアウト
3) レスポンシブ対応を含むHTML/CSSコード