디스플레이 및 UI 요소를 위한 클린한 기하학산세리프 · 블랙 텍스트와 따뜻한 뉴트럴 배경 사이의 고대비
04
여백
4px
8px
16px
24px
32px
48px
64px
96px
여유로운 화이트스페이스와 일관된 4px 기본 그리드
05
표면 (라운드 / 그림자 / 경계선)
sm · 0px
md · 0px
lg · 0px
pill · 999px
얇고 밝은 실선 테두리
0 4px 12px rgba(0,0,0,0.05)
06
레이아웃
1280container
12columns
24pxgutter
768 / 1024breakpoints
표준 12컬럼 그리드를 사용하는 고정 너비 중앙 정렬 컨테이너
07
모션과 인터랙션
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
모달을 위한 부드러운 페이드인 · 섬세한 hover 상태
미세한 색상 변화 또는 불투명도 변경 · 즉각적인 시각적 피드백
08
컴포넌트
button화이트 텍스트와 사각 코너를 가진 고대비 블랙 버튼
card최소한의 스타일링을 가진 단순한 직사각형 컨테이너
chip단순한 카테고리 태그
input미니멀한 밑줄 스타일 검색 입력 필드
hero고대비를 사용한 대형 타이포그래피 기반 히어로 섹션
09
보이스와 금지 목록
톤직설적이고 클린하며 권위 있는
헤드라인볼드, 대문자 또는 대형 기하학산세리프
CTA명확하고 직접적인 텍스트를 가진 고대비 블랙 버튼
둥근 코너를 사용하지 않습니다 — 스크린샷에서 모든 버튼과 컨테이너의 사각형 날카로운 모서리를 확인할 수 있습니다
선명하거나 채도 높은 배경을 사용하지 않습니다 — 스크린샷에서 따뜻하고 차분한 베이지(#F2EFEB) 배경을 확인할 수 있습니다
장식적이거나 커스브 폰트를 사용하지 않습니다 — 스크린샷에서 클린한 기하학산세리프 타이포그래피를 확인할 수 있습니다
과도한 드롭 섀도우를 사용하지 않습니다 — 스크린샷에서 매우 미니멀하고 섬세한 엘리베이션을 확인할 수 있습니다
텍스트의 낮은 대비를 사용하지 않습니다 — 스크린샷에서 밝은 배경 위의 고대비 블랙(#1A1A1A) 텍스트를 확인할 수 있습니다
지저분한 레이아웃을 사용하지 않습니다 — 스크린샷에서 여유로운 화이트스페이스와 명확한 미니멀 구조를 확인할 수 있습니다
피하기: 둥근 코너
피하기: 장난스러운 색상
피하기: 커스브 타이포그래피
11
System Prompt
이것은 클린한 스칸디나비안 미학을 가진 프리미엄 미니멀리스트 패션 리테일 사이트(Arket)입니다. 팔레트는 따뜻하고 차분한 베이지(#F2EFEB) 배경과 고대비 블랙(#1A1A1A) 타이포그래피를 중심으로 하며, 하이라이트를 위한 절제된 레드(#B8482E) 악센트를 사용합니다. 타이포그래피는 기하학산세리프 및 휴머니스트산세리프로 엄격하게 제한하며, 장식적이거나 커스브 폰트를 사용하지 않습니다. 레이아웃은 구조적이고 넉넉하며, 모든 컴포넌트(버튼, 카드, 모달)에 날카로운 사각 코너와 미니멀한 섀도우를 적용합니다. 핵심 디자인 제약 사항은 다음과 같습니다: 엄격한 사각 코너, 차분한 뉴트럴 팔레트, 고대비 타이포그래피, 여유로운 화이트스페이스, 그리고 둥근 형태나 장난스러운 요소의 완전한 배제입니다. 이 시스템은 정제된, 편집적이고 프리미엄한 리테일 경험을 우선시합니다.
이 감각을 당신의 에이전트에
이 디자인의 기계 판독 가능한 사양——색상·타이포·모션까지——을 그대로 AI 에이전트에 전달하세요.
