흑백을 지배적으로 사용한 고대비 미니멀리스트 팔레트에 시그니처 딥 블루 악센트를 더한 컬러 체계입니다.
03
타이포그래피
grotesque-sans · monospaced
display58px · 700
body14px · 400
caption12px · 400
네비게이션 링크에는 대문자를 사용합니다. · 디스플레이 제목에는 네거티브 letterSpacing를 유지합니다. · 굵은 헤드라인과 가벼운 본문 텍스트 간 명확한 계층을 유지합니다.
04
여백
4px
8px
16px
24px
32px
48px
64px
96px
핵심 요소 주변에 풍부한 여백을 둔 표준 4px 기본 그리드입니다.
05
표면 (라운드 / 그림자 / 경계선)
sm · 4px
md · 14px
lg · 32px
pill · 999px
1px solid rgba(255, 255, 255, 0.08)
rgba(0, 0, 0, 0.15) 0px 8px 48px 0px
06
레이아웃
1440container
12columns
24pxgutter
768 / 1024breakpoints
카탈로그 레이아웃을 위한 다단 그리드입니다.
07
모션과 인터랙션
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
부드러운 투명도 트랜지션. · 미세한 배경색 변화. · 인터랙티브 요소에 대한 변환 애니메이션.
미세한 색상 변화 또는 스케일 변환입니다. · 시각적 상태 변화를 통한 즉각적인 피드백입니다.
08
컴포넌트
button명확한 텍스트를 가진 둥근 모양의 고대비 버튼입니다.
card강한 타이포그래피를 가진 미니멀리스트 제품 카드입니다.
chip카테고리를 위한 작고 둥근 태그입니다.
input간단한 테두리의 입력 필드입니다.
hero굵은 타이포그래피와 3D 카탈로그북을 사용한 전체 폭의 대형 히어로 섹션입니다.
09
보이스와 금지 목록
톤전문적이고 권위 있으며 미니멀리스틱입니다.
헤드라인굵고, 대문자이며, 약간 좁은 스타일입니다.
CTA명확하고, 행동 지향적이며, 높은 가독성을 가집니다.
장식적 스크립트를 사용하지 마세요 — 스크린샷은 엄격한 grotesque-sans 타이포그래피를 보여줍니다.
다색 팔레트를 사용하지 마세요 — 스크린샷은 흑백/블루 중심 스키마를 보여줍니다.
무거운 섀도우가 있는 둥근 카드를 사용하지 마세요 — 스크린샷은 미니멀한 섀도우를 가진 플랫 표면을 보여줍니다.
가운데 정렬된 본문 텍스트를 사용하지 마세요 — 스크린샷은 왼쪽 정렬된 텍스트 블록을 보여줍니다.
작고 비좁은 버튼을 사용하지 마세요 — 스크린샷은 명확한 패딩을 가진 넓고 둥근 버튼을 보여줍니다.
복잡하고 겹쳐진 배경을 사용하지 마세요 — 스크린샷은 단색 검정 또는 흰색 배경을 보여줍니다.
피하기: 여러 글꼴 패밀리를 사용하지 마세요.
피하기: 장식적이거나 스크립트 글꼴을 사용하지 마세요.
피하기: 지나치게 복잡한 레이아웃을 사용하지 마세요.
피하기: 저대비 텍스트를 사용하지 마세요.
피하기: 일관되지 않은 버튼 스타일을 사용하지 마세요.
피하기: 과도한 드롭 섀도우 사용을 피하세요.
11
System Prompt
이 사이트는 아이코닉한 디자인 제품을 위한 하이엔드 편집 쇼케이스로 포지셔닝된 프리미엄 이탈리안 가구 브랜드의 디지털 카탈로그입니다. 시각 언어는 미니멀리스틱하고 권위적이며, 극명한 흑백 팔레트와 시그니처 딥 블루 악센트 컬러가 지배합니다. 타이포그래피는 grotesque-sans 카테고리에 의존하며, 제목에는 굵고 대문자의 디스플레이 폰트, 본문에는 깔끔한 sans-serif를 사용합니다. 핵심 디자인 규칙은 다음과 같습니다: 장식적이거나 스크립트 글꼴 사용 금지, 흑백/블루 엄격한 컬러 스키마 유지, 왼쪽 정렬된 텍스트 블록 사용, 모든 버튼을 넓고 둥글게 디자인. 레이아웃은 풍부한 여백과 고대비 타이포그래피를 강조하여 가구를 선보이기 위한 세련된 갤러리 같은 경험을 만듭니다.
이 감각을 당신의 에이전트에
이 디자인의 기계 판독 가능한 사양——색상·타이포·모션까지——을 그대로 AI 에이전트에 전달하세요.
