무드 있는 파스텔 톤과 따뜻한 오프화이트로 이루어진 부드럽고 에디토리얼한 팔레트를 사용하여, 사진이 중심 역할을 하도록 구성합니다.
03
타이포그래피
transitional-serif · geometric-sans
display50px · 400
display32px · 400
body17px · 400
body15px · 400
04
여백
4px
8px
16px
24px
32px
48px
64px
96px
에디토리얼하고 프리미엄급 느낌을 강조하는 넉넉하고 여유로운 간격입니다.
05
표면 (라운드 / 그림자 / 경계선)
sm · 0px
md · 0px
lg · 0px
pill · 999px
주로 버튼과 외곽선에 사용되는, 어두운 색상 또는 무드 있는 투명도의 1px 얇은 테두리입니다.
rgba(0, 0, 0, 0.03) 0px 2px 4px 0px
06
레이아웃
1440container
12columns
24pxgutter
768 / 1024breakpoints
대형 사진과 텍스트 블록이 교차되는 스플릿 스크린 히어로 레이아웃으로, 강한 에디토리얼 리듬을 만듭니다.
07
모션과 인터랙션
300msmicro
500mssmall
1000msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
스크롤 시 요소가 나타날 때의 부드러운 fade 트랜지션 · 인터랙티브 요소의 hover opacity 트랜지션
텍스트와 버튼에 절제된 opacity 변화 또는 색상 변화가 적용됩니다. · 트랜지션 효과를 포함한 즉각적인 반응이 이루어집니다.
08
컴포넌트
button어두운 얇은 테두리, 배경 채색 없음, 어두운 텍스트를 가진 단순한 직사각형 버튼입니다.
card고화질 사진과 큰 타이포그래피에 크게 의존하는 미니멀리스트 카드입니다.
chip'홈 데코'와 같은 카테고리를 위한 단순한 작은 텍스트 레이블입니다.
input보이는 히어로 영역에서 두드러지게 사용되지 않습니다.
hero한쪽에 대형 사진, 다른 쪽에 헤드라인과 CTA가 있는 텍스트 블록을 배치하는 스플릿 스크린 또는 전체 너비 레이아웃입니다.
09
보이스와 금지 목록
톤시적이고, 우아하며, 묘사적입니다.
헤드라인제품을 단순히 설명하기보다는 분위기를 불러일으키는 크고 시적인 헤드라인 (예: 'The Poetry of Green').
CTA단순하고 직접적이며 절제된 (예: 'Shop Now').
밝고 채도 높은 기본 색상을 사용하지 않습니다 — 스크린샷은 #FDF8EB 및 #F8EEEE와 같은 무드 있는 파스텔 팔레트를 보여줍니다.
헤드라인에 두껍고 진한 sans-serif 폰트를 사용하지 않습니다 — 스크린샷은 전시용 텍스트에 transitional-serif 폰트를 보여줍니다.
카드에 드롭 섀도우 또는 두꺼운 3D 효과를 사용하지 않습니다 — 스크린샷은 최소한의 테두리와 함께 플랫하고 깔끔한 디자인을 보여줍니다.
메인 컨테이너에 둥근 모서리를 사용하지 않습니다 — 스크린샷은 날카롭고 직사각형 요소와 버튼을 보여줍니다.
밀집된 텍스트의 여러 열로 레이아웃을 과도하게 채우지 않습니다 — 스크린샷은 넉넉한 여백과 단일 열 텍스트 블록 사용을 보여줍니다.
헤드라인에 모든 글자를 대문자로 사용하지 않습니다 — 스크린샷은 시적인 헤드라인에 제목 대소문자(title case)를 사용하는 것을 보여줍니다.
피하기: 공격적인 마케팅 언어
피하기: 강요하는 CTA
피하기: 기술 전문 용어
피하기: 복잡한 레이아웃
피하기: 화려하고 네온 같은 색상
11
System Prompt
이 사이트는 예술적 홈 데코와 라이프스타일 오브젝트를 위한 프리미엄급 큐레이션 전자상거래 플랫폼입니다. 부드럽고 무드 있는 팔레트(예: 배경 #FDF8EB, 본문 #313131)와 전시용 헤드라인용 transitional-serif 폰트 및 본문용 geometric-sans 폰트(Moderat 및 Domaine)의 세련된 조합을 사용하여 시적이고 우아한 브랜드로 자리매김합니다. 레이아웃은 산뜻하고 에디토리얼적이며, 종종 고화질 사진과 시적인 텍스트를 결합하는 스플릿 스크린 히어로 섹션을 활용합니다. 주요 제약 사항으로는 화려한 색상, 두꺼운 드롭 섀도우, 공격적인 마케팅 언어를 피하고, 대신 단순하고 테두리가 있는 'Shop Now' 버튼을 사용하는 차분하고 정제된 갤러리 같은 탐색 경험에 초점을 맞춥니다.
이 감각을 당신의 에이전트에
이 디자인의 기계 판독 가능한 사양——색상·타이포·모션까지——을 그대로 AI 에이전트에 전달하세요.