헤드라인은 보통 굵기의 클래식 세리프 타이포그래피를 사용합니다 · 텍스트는 럭셔리한 느낌을 위해 풍부한 자간을 유지합니다 · 위계는 절제되어 있으며, 굵기 변화보다는 규모에 의존합니다
04
여백
4px
8px
16px
24px
32px
48px
64px
96px
럭셔리와 숨 쉴 공간을 전달하기 위한 전체적인 풍부한 여백
05
표면 (라운드 / 그림자 / 경계선)
sm · 0px
md · 0px
lg · 0px
pill · 999px
보이는 테두리 없음; 오직 여백을 통한 분리
06
레이아웃
1440container
12columns
24pxgutter
768 / 1024 / 1440breakpoints
전체 면幅 사진이 아래에 있는 중앙 정렬 히어로
07
모션과 인터랙션
200msmicro
350mssmall
600msmedium
cubic-bezier(0.4, 0.0, 0.2, 1)easing
편집 섹션 간의 미세한 페이드 전환 · 제품 사진의 패럴랙스 스크롤링
인터랙티브 요소의 미세한 불투명도 변화 · 최소한의 피드백 애니메이션으로 즉각적인 응답
08
컴포넌트
button미니멀하고, 아마도 텍스트 기반의 절제된 스타일의 CTA
card최소한의 오버레이 텍스트를 가진 깔끔한 이미지 중심 제품 카드
chip얇은 테두리 또는 언더라인 스타일의 세련된 카테고리 필터
input얇은 하단 테두리를 가진 깔끔한 검색 필드
hero세리프 오버레이 텍스트가 있는 전체 면幅 편집 사진
09
보이스와 금지 목록
톤자신감 있고, 절제되며, 세련된
헤드라인클래식 세리프 타이포그래피를 사용한 짧고 단언적인 문장
CTA두드러진 버튼 대신 절제된 텍스트 링크
채도 높은 색상을 사용하지 마세요 — 스크린샷은 사진이 모든 색채를 제공하는 단색 팔레트를 보여줍니다
장식적인 그림자나 깊이를 추가하지 마세요 — 스크린샷은 높이감 없이 완전히 평평한 표면을 보여줍니다
컨테이너에 둥근 모서리를 사용하지 마세요 — 스크린샷은 날카롭고 정확한 기하학적 가장자리를 보여줍니다
좁은 간격으로 요소를 밀집하지 마세요 — 스크린샷은 모든 요소 사이에 풍부한 여백을 보여줍니다
산세리프 디스플레이 타이포그래피를 사용하지 마세요 — 스크린샷은 워드마크에 세리프 글꼴 형태를 보여줍니다
시각적 노이즈나 패턴화된 배경을 추가하지 마세요 — 스크린샷은 깔끔한 단색 흰색 배경을 보여줍니다
피하기: 느낌표 또는 열정적인 언어
피하기: 크고 화려한 프로모션 문구
피하기: 복잡한 다단어 CTA
11
System Prompt
이것은 편집적 절제와 유산의 신뢰성을 통해 포지셔닝하는 럭셔리 패션 하우스 웹사이트입니다. 시각 시스템은 순수한 흰색 배경과 검정 타이포그래피를 사용한 뚜렷한 단색 팔레트를 사용하며, 제품 사진이 주요 색채 표현 역할을 합니다. 타이포그래피는 전환기 세리프만 독점적으로 사용되며, 절제된 우아함을 위해 전체적으로 단일 굵기로 사용됩니다. 핵심 제약 조건: 그림자나 둥근 모서리와 같은 모든 장식 요소를 피하고, 좁은 간격으로 레이아웃을 밀집하지 않으며, 열정적이거나 프로모션적인 언어를 사용하지 않습니다. 디자인은 네거티브 공간, 클래식 세리프 타이포그래피, 인터페이스 크롬의 완전한 회피를 통해 프리미엄 포지셔닝을 달성합니다. 모든 요소는 전경 제품 이미지 뒤로 물러납니다.
이 감각을 당신의 에이전트에
이 디자인의 기계 판독 가능한 사양——색상·타이포·모션까지——을 그대로 AI 에이전트에 전달하세요.
