타이포
그래피

Eliminate color and decoration to the extreme, creating visual hierarchy solely through typographic size, weight, and spacing. In AI prompts, combining "monochrome", "type scale contrast", "grid-based layout", "no decorative elements" is effective.

Contrast titles at extreme sizes with lightweight body text

Add systematic structure with monospace labels

Divide space with 1px lines and grid gaps

Limit colors to black/white + one muted tone

AI Request Prompt

Design a typography-centered monochrome web page.

Style conditions:
- Background: Pure dark (#111111), no decorative elements
- Colors: Only black/white/gray, no color accents
- Typography: Titles at 7rem+ extreme size, body at 300 weight lightweight
- Labels: Monospace (Space Mono), uppercase, wide letter-spacing
- Layout: 2-column grid, cells separated by 1px lines
- Buttons: Square corners, black-white inversion on hover
- Motion: Minimal — use only opacity fade

Responsive:
- Mobile (~768px): 2-column → single column, title size reduced to 4rem, grid lines maintained
- Desktop: max-width 960px, strict 2-column grid

Restrictions:
- No color of any kind — strictly black, white, and gray
- No rounded corners — all elements must be sharp-edged (border-radius: 0)
- No decorative elements (icons, illustrations, gradients) — typography is the only design tool

Output:
1) Typography scale system (size, weight, spacing)
2) Grid-based layout structure
3) HTML/CSS code with responsive support

타이포그래피 중심 모노크롬 웹 페이지를 디자인해줘.

스타일 조건:
- 배경: 순수 다크(#111111), 장식 요소 없음
- 컬러: 오직 흑/백/회색만 사용, 색상 포인트 없음
- 타이포: 제목은 7rem+ 극대 사이즈, 본문은 300 웨이트 경량
- 라벨: 모노스페이스(Space Mono), uppercase, 넓은 letter-spacing
- 레이아웃: 2컬럼 그리드, 1px 라인으로 셀 구분
- 버튼: 정사각 모서리, 호버 시 흑백 반전
- 모션: 최소한 — opacity fade만 사용

반응형:
- 모바일(~768px): 2열 → 1열, 제목 크기 4rem으로 축소, 그리드 라인 유지
- 데스크톱: max-width 960px, 엄격한 2열 그리드

금지사항:
- 어떤 색상도 금지 — 순수 흑/백/회색만 허용
- 둥근 모서리 금지 — 모든 요소 직각(border-radius: 0)
- 장식 요소(아이콘, 일러스트, 그라디언트) 금지 — 타이포그래피가 유일한 디자인 도구

출력:
1) 타이포 스케일 시스템 (size, weight, spacing)
2) 그리드 기반 레이아웃 구조
3) 반응형 대응이 포함된 HTML/CSS 코드

タイポグラフィ中心のモノクロームウェブページをデザインしてください。

スタイル条件:
- 背景: 純粋なダーク(#111111)、装飾要素なし
- カラー: 黒/白/グレーのみ使用、カラーアクセントなし
- タイポグラフィ: タイトルは7rem+の極大サイズ、本文は300ウェイト軽量
- ラベル: モノスペース(Space Mono)、uppercase、広いletter-spacing
- レイアウト: 2カラムグリッド、1pxラインでセル区分
- ボタン: 正方形コーナー、ホバー時白黒反転
- モーション: 最小限 — opacity fadeのみ使用

レスポンシブ:
- モバイル(~768px): 2列→1列、タイトルサイズ4remに縮小、グリッドライン維持
- デスクトップ: max-width 960px、厳格な2列グリッド

禁止事項:
- 一切のカラー禁止 — 純粋な黒/白/グレーのみ
- 丸みのある角禁止 — 全要素シャープエッジ(border-radius: 0)
- 装飾要素(アイコン、イラスト、グラデーション)禁止 — タイポグラフィが唯一のデザインツール

出力:
1) タイポスケールシステム(size, weight, spacing)
2) グリッドベースのレイアウト構造
3) レスポンシブ対応を含むHTML/CSSコード