← Back

Monochrome

One color, infinite possibilities. Depth through tone, not hue.

Explore Tones

Tonal Harmony

Single Hue

One color family creates visual coherence and unity.

Tonal Range

Light to dark variations create depth and hierarchy.

Subtle Elegance

Restraint creates sophisticated, timeless designs.

Singular Focus

Monochrome design eliminates color distraction, allowing form, typography, and content to take center stage with powerful simplicity.

Embrace Simplicity

Start Creating

AI 프롬프트 예제

Claude/Cursor를 사용하여 Monochrome 스타일의 컴포넌트를 생성할 때 참고하세요.

요구사항

  • 단일 색상의 다양한 톤과 음영
  • 명확한 contrast로 계층 표현
  • 흑백 또는 단색 팔레트
  • 텍스처와 패턴으로 변화 추가
  • 우아하고 세련된 느낌
  • 타이포그래피로 강조

제약조건

  • 한 가지 색상만 사용 (+ 흑백)
  • 반응형 디자인 적용
  • 접근성 고려 (충분한 대비)
  • 명도 대비 최소 4.5:1
  • 타이포그래피 계층 명확
  • 일관된 톤 유지

예상 결과

  • 일관된 색상 팔레트
  • 우아하고 세련된 디자인
  • 명확한 시각적 계층
  • 클래식하고 타임리스한 느낌
  • 전문적인 외관
  • 집중도 높은 UI

프롬프트 템플릿

Monochrome 스타일의 아티클 카드를 만들어줘.

요구사항:
- 단일 색상 (예: 파랑)의 다양한 톤
- 명확한 명도 대비로 계층 표현
- 흑백 + 단일 색상 조합
- 타이포그래피로 강조
- 미니멀하고 우아한 디자인
- 텍스처 또는 패턴 (선택사항)

스타일 가이드:
- base color: 선택 (예: #2c3e50)
- 밝기 변화: lighten/darken
- 흑백: #000, #fff, #f5f5f5
- 명도 대비: 최소 4.5:1 (WCAG AA)

색상 예시 (파랑 계열):
- #1a252f (darkest)
- #2c3e50 (dark)
- #34495e (medium)
- #4a6fa5 (light)
- #e8eef5 (lightest)

디자인:
- 아티클 카드
- 제목, 설명, 날짜
- 호버 시 톤 변화
- 우아한 spacing

접근성 고려, 반응형 디자인 필수해줘.