TAG Heuer · 디자인 DNA

절제된 단색 팔레트에 정밀한 레드 악센트를 사용하여 정밀함, 유산, 그리고 대담한 미니멀리즘을 강조하는 럭셔리 스위스 시계 제조사

디자인 DNA

컬러

#E31937Accent

#000000Ink

#808080Ink soft

#FFFFFFBG

#F5F5F5BG soft

rgba(0,0,0,0.1)Line

-primary 액션을 위한 하나의 정밀한 레드 악센트를 포함한 고대비 단색 기반으로, 럭셔리 절제와 최대 가독성을 보장합니다.

타이포그래피

네비게이션과 섹션 헤더에는 2px 자간의 대문자 사용 · 볼드 웨이트는 엄격히 primary 콜투액션 헤드라인에만 사용 · 본문 텍스트는 최대 가독성을 위해 엄격한 400 웨이트 유지

여백

4px

8px

16px

24px

32px

48px

64px

96px

4px 기본 단위로 럭셔리 포지셔닝을 위한 넉넉한 여백과 함께 엄격한 모듈러 스케일을 만듭니다.

표면 (라운드 / 그림자 / 경계선)

최소화된 1px solid 테두리는 주로 모달 컨테이너와 입력 필드에 사용되며, 그 외에는 여백 분리에 의존합니다.

레이아웃

전체 너비 히어로 이미지 위에 중앙 정렬된 모달 컨테이너가 겹쳐지고, 배경에 그리드 기반 제품 전시가 배치됩니다.

모션과 인터랙션

primary 상태 변경을 위한 0.3s ease-in-out · 모달 페이드 트랜지션을 위한 0.5s ease-out · 버튼 hover 상태를 위한 Transform 기반 인터랙션

0.15s ease-in-out 동안의 미세한 background-color 및 border-color 트랜지션 · 색상 반전 또는 미세한 scale transform을 통한 즉각적인 시각적 피드백

컴포넌트

보이스와 금지 목록

팩 안의 실제 스크린샷

TAG Heuer — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

System Prompt

TAG Heuer 럭셔리 시계 이커머스 사이트는 간결한 단색 디자인을 통해 스위스의 정밀함과 자동차 유산을 구현합니다. 핵심 팔레트: 순백(#FFFFFF) 배경, 텍스트와 primary 버튼을 위한 절대 블랙(#000000), 보조 콘텐츠를 위한 중간 그레이(#808080), 그리고 critical 콜투액션 요소를 위한 정밀한 레드(#E31937). 타이포그래피는 엄격히 기하학적 산세리프로, 핵심 헤드라인에 볼드 웨이트(900)를, 모든 본문 콘텐츠에 정규 웨이트(400)를 사용하며, 네비게이션과 라벨에는 2px 자간의 엄격한 대문자 처리를 적용합니다. 핵심 디자인 원칙: 장식적 요소가 전혀 없는 절대적 절제, 전체적으로 날카로운 직사각형 기하학(둥근 모서리 없음), 럭셔리 포지셔닝을 위한 최대 여백, 그리고 즉각적인 시각적 위계를 위한 고대비 색상 블로킹. 피해야 할 것: 장난스럽거나 캐주얼한 요소, 둥근 UI 컴포넌트, 레드 외의 보조 색상 악센트, 세리프 또는 스크립트 타이프페이스, 그리고 정밀함 중심의 브랜드 아이덴티티를 해칠 수 있는 복잡한 애니메이션.

이 감각을 당신의 에이전트에

이 디자인의 기계 판독 가능한 사양——색상·타이포·모션까지——을 그대로 AI 에이전트에 전달하세요.

OpenDesign 스킬 ↗ · 이 팩 (에이전트용) ↗