광활한 여백을 활용하여 프리미엄 제품이 스스로 말하게 하는 고급 부티크 카탈로그와 같습니다.
02
컬러
#000000Ink
#222222Ink soft
#ffffffBG
#f7f7f7BG quiet
#666666Muted
rgba(0,0,0,0.10)Line
극도의 절제; 모든 시각적 요소를 고해상도 사진에 의존하는 단색 기본 구조입니다.
03
타이포그래피
geometric-sans · monospace
display50px · 700
heading39px · 700
subheading24px · 400
body16px · 400
label12px · 400
대형 디스플레이 텍스트에는 촘촘한 네거티브 자간을 사용하여 일관된 시각 블록을 만듭니다. · 텍스트 블록 사이에는 여유로운 간격을 유지하여 통기성 있는 프리미엄 분위기를 유지합니다. · 고정폭 글꼴은 기술적 세부 사항이나 특별한 디자인 강조용으로만 절제 있게 사용합니다.
04
여백
4px
8px
16px
24px
32px
48px
64px
96px
엄격한 4px 격자가 기본 구조를 제공하지만, 실제 레이아웃은 리듬감을 생성하기 위해 대규모의 비구조화된 여백에 크게 의존합니다.
05
표면 (라운드 / 그림자 / 경계선)
sm · 4px
md · 8px
lg · 40px
pill · 999px
버튼 및 진행 표시기와 같은 기능적 요소에만 최소한의 1px 실선 테두리를 사용합니다.
0px 0px 18px 0px rgba(0, 0, 0, 0.2)
06
레이아웃
1280container
12columns
24pxgutter
768 / 1024breakpoints
상당한 수평 마진과 섹션 간의 여유로운 수직 간격을 유지하는 유연한 격자 시스템입니다.
07
모션과 인터랙션
220msmicro
400mssmall
800msmedium
cubic-bezier(0.87, 0, 0.13, 1)easing
버튼 및 이미지 hover와 같은 인터랙티브 요소를 위한 부드러운 하드웨어 가속 전환. · focus 또는 hover 시 명확한 피드백을 제공하기 위한 섬세한 스케일링 또는 이동 트랜스폼.
방해가 되지 않으면서 인터랙티브성을 나타내기 위한 섬세한 배경색 변경 또는 이미지 확대 축소. · 상태 변경을 통한 즉각적인 시각적 피드백, 종종 부드러운 전환과 함께 제공됨.
08
컴포넌트
button흰색 텍스트를 사용하는 고대비 블랙 버튼으로, 주요 작업에는 알약 모양(40px 반지름)을, 보조 작업에는 투명한 윤곽선을 자주 사용합니다.
card제품 이미지와 텍스트를 위한 단순하고 테두리 없는 컨테이너로, 눈에 띄는 카드 대신 여유로운 패딩과 여백으로 구분합니다.
chip눈에 띄는 섹션에는 두드러지게 나타나지 않으며, 태그는 간단한 대문자 텍스트 라벨일 가능성이 높습니다.
input최소한의 스타일과 섬세한 하단 테두리를 사용하는 표준 텍스트 입력 필드입니다.
hero대담하고 중앙 정렬된 제목과 결합된 대형 전폭 사진 영역으로, 영감을 주는 분위기를 조성합니다.
09
보이스와 금지 목록
톤자신감 있고 절제된 프리미엄 어조. 지나치게 영업적이지 않고 제품 속성에 직설적으로 초점을 맞춥니다.
헤드라인강렬한 시각적 임팩트를 만들기 위해 네거티브 자간을 사용하는 굵고 대문자 또는 타이틀 케이스 제목.
CTA고대비 버튼 위의 간단한 텍스트를 사용하는 직설적이고 행동 지향적인 스타일.
그라디언트 또는 복잡한 배경을 사용하지 마세요 — 스크린샷은 평면적이고 단색인 흰색 배경을 보여줍니다.
장식적인 테두리 또는 무거운 그림자를 사용하지 마세요 — 스크린샷은 테두리가 없고 최소한의 높이감을 가진 레이아웃을 보여줍니다.
다양한 글꼴 색상을 사용하지 마세요 — 스크린샷은 거의 대부분 흰색 배경에 검은색 텍스트만 사용합니다.
좁고 비좁은 간격을 사용하지 마세요 — 스크린샷은 모든 요소 주변에 수직적, 수평적으로 여유로운 여백을 보여줍니다.
모든 요소에 둥근 모서리를 사용하지 마세요 — 스크린샷은 제품 카드에 날카로운 모서리를, 주요 버튼에만 알약 모양을 보여줍니다.
장난스럽거나 기이한 타이포그래피를 사용하지 마세요 — 스크린샷은 가독성과 프리미엄 분위기를 우선시하는 깔끔하고 기하학적인 산세리프 글꼴을 보여줍니다.
포지셔닝: 미니멀 디자인과 고품질 사진에 중점을 둔 프리미엄 다이렉트 투 컨슈머 스포츠화 브랜드. 주요 색상: 순수 화이트(#ffffff)와 블랙(#000000)으로 구성된 날카로운 단색 팔레트와, 미세한 배경 구분을 위한 밝은 회색(#f7f7f7). 글꼴 카테고리: 모든 주요 텍스트에 기하학적 산세리프를 사용하고, 가끔 고정폭을 사용. 필수 주의사항: 그라디언트나 장식적 그림자는 절대 사용하지 마세요; 넓은 여백을 유지하여 지나치게 복잡한 레이아웃을 피하세요; 프리미엄 미학을 저해하는 장난스럽거나 장식적인 타이포그래피는 절대 사용하지 마세요.
이 감각을 당신의 에이전트에
이 디자인의 기계 판독 가능한 사양——색상·타이포·모션까지——을 그대로 AI 에이전트에 전달하세요.
