큐레이션 · 오픈 · 무료

Off-White

인더스트리얼 미학과 하이패션 에디토리얼 사진을 결합한 프리미엄 스트릿웨어 브랜드.

01

디자인 DNA

하이패션 에디토리얼 매거진과 어반 스트릿 문화의 만남.

02

컬러

CTA용 단일 선명한 일렉트릭 블루 악센트를 포함한 고대비 모노크롬.

03

타이포그래피

geometric-sans · humanist-sans · monospaced

• display24px · 700
• h116px · 600
• body14px · 400
• caption11px · 400

04

여백

일관된 4px 격자, UI 요소의 타이트한 패딩과 에디토리얼 레이아웃의 넉넉한 간격.

05

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

프라이머리 잉크 컬러를 사용한 얇은 1px 테두리.

None: None · None: None

06

레이아웃

뉴스레터 모달용 분할 화면 레이아웃: 50% 포토그래픽 에디토리얼, 50% 클린한 폼 UI.

07

모션과 인터랙션

모달 오버레이용 페이드인과 호버 상태용 부드러운 트랜지션.

인터랙티브 요소에서의 미세한 컬러 트랜지션. · 버튼과 링크에 대한 즉각적인 시각적 피드백.

08

컴포넌트

• button 프라이머리 액션용 단색 일렉트릭 블루 배경(#0019E9)과 화이트 텍스트; 세컨더리 액션용 화이트 배경과 블루 텍스트.
• card 얇은 테두리와 날카로운 모서리를 갖춘 간단한 컨테이너.
• chip 원형 외곽선과 텍스트 레이블을 갖춘 라디오 버튼.
• input 하단 테두리만 있는 미니멀한 텍스트 입력 필드.
• hero 대형 고해상도 에디토리얼 사진.

09

보이스와 금지 목록

• 톤 자신감 넘치고 독점적이며 미니멀한 어조.
• 헤드라인 직설적이고 대문자며 강렬한 문구 (예: 'JOIN THE OFF-WHITE™ COMMUNITY').
• CTA 명확하고 명령형 동사 (예: 'Shop now', 'Accept All Cookies').

• 둥근 모서리를 사용하지 마세요 — 스크린샷에는 대부분의 요소에 날카롭고 최소한의 반경(2px)이 적용되어 있습니다
• 장난스럽거나 캐주얼한 폰트를 사용하지 마세요 — 스크린샷에는 클린한 세리프 및 모노스페이스 폰트가 사용되어 있습니다
• 복잡한 컬러 팔레트를 사용하지 마세요 — 스크린샷은 흑, 백, 단일 일렉트릭 블루에 의존합니다
• 모든 요소에 드롭 쉐도우를 사용하지 마세요 — 스크린샷에는 모달과 오버레이에만 적용됩니다
• 긴 단락에 중앙 정렬 텍스트를 사용하지 마세요 — 스크린샷에는 좌측 정렬과 중앙 정렬 텍스트가 절제되어 사용됩니다
• 텍스트가 많은 섹션에 다단계 레이아웃을 사용하지 마세요 — 스크린샷에는 모달의 클린하고 단일 컬럼 가독성이 선호됩니다
• 피하기: 지나치게 장식적인 요소
• 피하기: 다중 컬러의 과도한 사용
• 피하기: 장난스럽거나 캐주얼한 언어

10

팩 안의 실제 스크린샷

실제 페이지에서 캡처 · 실 computed styles

11

System Prompt

en · zh-CN · zh-TW · ja · ko