The power of two colors creating dramatic visual impact.
ExploreTwo contrasting colors create powerful visual harmony.
Transform photos into stylized duotone artwork.
Simplicity creates memorable, striking designs.
Duotone reduces complexity to create bold, memorable visuals that stand out.
Claude/Cursor를 사용하여 Duotone 스타일의 컴포넌트를 생성할 때 참고하세요.
Duotone 스타일의 이미지 카드 컴포넌트를 만들어줘. 요구사항: - 정확히 2가지 색상만 사용 - 이미지에 duotone 필터 적용 - CSS filter 또는 mix-blend-mode 활용 - 대비되는 색상 조합 (예: 파랑-핑크, 오렌지-청록) - 그라데이션 오버레이 - 텍스트 오버레이 (흰색 또는 검정) 스타일 가이드: - filter: grayscale(100%) + 색상 오버레이 - background: linear-gradient(색상1, 색상2) - mix-blend-mode: multiply 또는 screen - 색상 조합 예: * 파랑 #0066ff + 핑크 #ff0066 * 청록 #00ffcc + 오렌지 #ff6600 * 보라 #6600ff + 노랑 #ffff00 디자인: - 이미지 카드 - duotone 필터 적용 - 텍스트 오버레이 - 호버 시 색상 변화 (선택) 반응형 디자인 필수, 접근성 고려해줘.