큐레이션 · 오픈 · 무료

Swoosh Nike

프리미엄 스니커즈를 발견하고 구매하기 위한 미니멀한, 이미지 우선 플랫폼입니다.

01

디자인 DNA

독점 스니커즈 발매를 위한 큐레이션된 갤러리

02

컬러

오프화이트 배경에 고대비 블랙을 사용하고, 브랜드 레드는 이미지에만 절제하여 사용합니다

03

타이포그래피

grotesque-sans

• display53px · 500
• headline20px · 500
• body16px · 500
• caption14px · 400
• label12px · 500

Helvetica Now Text 또는 이에 상응하는 grotesque-sans를 사용합니다 · 본문에 미디엄 웨이트 (500)를 유지합니다 · 디스플레이 크기에는 자간을 촘촘하게 유지합니다

04

여백

일관된 4px 기반 간격 시스템과 표준 증가 단위를 사용합니다

05

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

rgba(17,17,17,0.1)을 사용한 1px 얇은 테두리

0px 4px 8px 0px rgba(17,17,17,0.06) · 0px 0px 24px 4px rgba(17,17,17,0.03) · 0px -1px 0px 0px rgb(229,229,229) inset

06

레이아웃

텍스트 아래에 이미지 카드가 배치된 4열 그리드

07

모션과 인터랙션

콘텐츠 로딩 시 부드러운 페이드 인 · 은은한 배경 전환

은은한 배경색 변경 또는 스케일 효과 · 불투명도를 낮추어 즉각적인 시각적 피드백 제공

08

컴포넌트

• button 검은색 배경과 흰색 텍스트가 들어간 알약 모양 버튼
• card 이미지가 우선시되고 모서리가 둥글며, 제품 정보가 아래에 위치한 카드
• chip 분류를 위한 심플한 텍스트 레이블
• input 하단 테두리가 있는 깔끔한 텍스트 입력 필드
• hero 전체 너비의 이미지에 텍스트를 오버레이하거나 미니멀한 배경 사용

09

보이스와 금지 목록

• 톤 직설적이고, 정보적이며, 제품 중심적입니다
• 헤드라인 대담하고 간결한 제품명
• CTA '자세히 알아보기'와 같은 행동 지향적 버튼

• 그라데이션 배경을 사용하지 마세요 — 스크린샷은 솔리드 오프화이트(#F5F5F5) 또는 화이트(#FFFFFF) 배경을 보여줍니다
• 장식적 세리프를 사용하지 마세요 — 스크린샷은 모든 텍스트에 Helvetica Now(grotesque-sans)를 사용합니다
• 무거운 드롭 섀도우를 사용하지 마세요 — 스크린샷은 매우 은은한 섀도우(불투명도 0.06) 또는 섀도우 없음을 보여줍니다
• 제품 텍스트를 중앙 정렬하지 마세요 — 스크린샷은 제품명과 설명을 왼쪽 정렬하여 보여줍니다
• 복잡한 카드 레이아웃을 사용하지 마세요 — 스크린샷은 하단에 텍스트가 있는 심플한 이미지 카드를 보여줍니다
• 여러 액센트 색상을 사용하지 마세요 — 스크린샷은 이미지에만 브랜드 레드가 사용된 중립적인 팔레트를 보여줍니다
• 피하기: 지나치게 열광적이거나 홍보성 언어
• 피하기: 복잡한 기술적 설명
• 피하기: 제품명의 일부가 아닌 한 비공식적인 은어

10

팩 안의 실제 스크린샷

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

11

System Prompt

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