RAW
ENERGY
SYSTEMS.

AI REQUEST PROMPT

Design a hipster/subculture event landing page combining dynamic, high-contrast pop-art rhythms with destructive, bold grid wireframes.

[Conditions]
1. Color: Based on Pure Black (#000) vs. Pure White (#FFF) contrast, use only primary yellow/blue/red as accent colors.
2. Components: All buttons and containers must have 4px solid black borders, and the design system should apply both hard shadows (rough depth) and X/Y axis translate on hover simultaneously.
3. Typography/Layout: Default to uppercase English, and always include a Marquee (scrolling ticker) motion where text runs beyond the screen boundary.

Responsive:
- Mobile (~768px): Grid collapses to single column, marquee speed reduced, shadow offsets halved
- Desktop: max-width 1200px, asymmetric multi-column grid with intentional overlap

Restrictions:
- No subtle or soft effects — all visual elements must be bold and high-contrast
- No border-radius — strictly square/rectangular shapes only
- No pastel or muted colors — pure black/white + primary RGB only

Output:
1) Hard shadow + translate hover system CSS
2) Marquee ticker and grid layout structure
3) HTML/CSS code with responsive support

역동적이고 대비가 강한 팝아트의 리듬감과 파괴적이고 굵은 그리드 와이어프레임을 결합해 힙스터/서브컬쳐 이벤트 랜딩 페이지를 디자인해줘.

[조건]
1. 컬러: Pure Black(#000), Pure White(#FFF) 대비를 기반으로 원색의 옐로우/블루/레드만을 포인트 컬러로 사용.
2. 컴포넌트: 모든 버튼과 컨테이너는 4px 솔리드 블랙 보더를 가지며, 디자인 시스템상 호버 시 하드 섀도우(거친 입체감)와 X,Y축 이동(Translate)이 동시에 적용되게 하라.
3. 타이포/레이아웃: 대문자 영문을 기본으로 하고, 텍스트가 화면 경계를 넘어가는 Marquee(흐르는 전광판) 모션을 필수로 배치할 것.

반응형:
- 모바일(~768px): 그리드 1열 축소, 마키 속도 감소, 그림자 오프셋 절반
- 데스크톱: max-width 1200px, 의도적 겹침이 있는 비대칭 다열 그리드

금지사항:
- 미세하거나 부드러운 효과 금지 — 모든 시각 요소는 대담하고 고대비
- border-radius 금지 — 정사각형/직사각형만 허용
- 파스텔이나 뮤트 컬러 금지 — 순수 흑백 + 원색 RGB만 허용

출력:
1) 하드 섀도우 + 트랜슬레이트 호버 시스템 CSS
2) 마키 티커와 그리드 레이아웃 구조
3) 반응형 대응이 포함된 HTML/CSS 코드

ダイナミックでコントラストの強いポップアートのリズム感と破壊的で太いグリッドワイヤーフレームを組み合わせて、ヒップスター/サブカルチャーイベントのランディングページをデザインしてください。

[条件]
1. カラー: Pure Black(#000)とPure White(#FFF)のコントラストをベースに、原色のイエロー/ブルー/レッドのみをアクセントカラーとして使用。
2. コンポーネント: すべてのボタンとコンテナは4pxソリッドブラックボーダーを持ち、デザインシステム上ホバー時にハードシャドウ（荒い立体感）とX/Y軸移動（Translate）が同時に適用されるようにすること。
3. タイポ/レイアウト: 大文字英文をデフォルトとし、テキストが画面境界を超えるMarquee（流れる電光掲示板）モーションを必ず配置すること。

レスポンシブ:
- モバイル(~768px): グリッド1列に縮小、マーキー速度低下、シャドウオフセット半分
- デスクトップ: max-width 1200px、意図的な重なりのある非対称マルチカラムグリッド

禁止事項:
- 微妙でソフトな効果禁止 — 全視覚要素は大胆で高コントラスト
- border-radius禁止 — 正方形/長方形のみ
- パステルやミュートカラー禁止 — 純粋な白黒+原色RGBのみ

出力:
1) ハードシャドウ+トランスレートホバーシステムCSS
2) マーキーティッカーとグリッドレイアウト構造
3) レスポンシブ対応を含むHTML/CSSコード