큐레이션 · 오픈 · 무료

Sneakinpeace

럭셔리 스니커즈 캠페인과 편집적 콘텐츠를 큐레이션하는 프리미엄 스트리밍 플랫폼입니다.

PremiumEditorialPhotographicCurationMobile UI
Sneakinpeace 스크린샷
↓ 디자인 시스템 다운로드 (8 MB)OpenDesign 에서 열기

원본 사이트: https://www.sneakinpeace.com

📦 팩 내용 보기 →

01

디자인 DNA

럭셔리스니커즈 문화편집적스트리밍프리미엄

하이엔드 스니커즈와 패션 캠페인을 위한 라이브 매거진 채널입니다.

02

컬러

#D41515Accent
#3D3D3DInk
#767676Ink soft
#F0EEEDBG
#FFFFFFBG soft
#808080A6BG quiet
#E0E0E0Muted
rgba(61, 61, 61, 1)Line

따뜻한 그레이와 오프화이트로 미니멀한 중립 팔레트를 사용하여 풀블리드 사진 및 영상 콘텐츠가 지배하도록 하며, 기능적 레드 액센트로 마무리합니다.

03

타이포그래피

transitional-serif · neo-grotesque-sans

04

여백

4px
8px
12px
16px
20px
24px
30px
48px
64px
96px

엄격한 수직 그리드보다는 오버레이 카드 및 탐색 요소 내부의 패딩을 우선시하는 유연한 간격입니다.

05

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

sm · 4px
md · 6px
lg · 26px
pill · 999px

영상 배경에서 부유하는 요소를 분리하기 위해 미세한 테두리와 부드러운 박스 쉐도우를 사용합니다.

0px 1px 6px -1px rgba(0, 0, 0, 0.08) · 0px 1px 1px -1px rgba(0, 0, 0, 0.08)

06

레이아웃

1280container
12columns
24pxgutter
768 / 1024breakpoints

콘텐츠 및 탐색을 위한 부유하는 오버레이 패널이 있는 풀블리드 미디어 캔버스입니다.

07

모션과 인터랙션

150msmicro
220mssmall
400msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing

콘텐츠 페이드인을 위한 부드러운 불투명도 전환. · 상호작용 탐색 링크의 미묘한 hover 상태.

탐색 링크와 버튼의 미세한 불투명도 변화입니다. · 상호작용 요소에는 표준 포인터 커서, 선택 가능한 콘텐츠에는 텍스트 커서입니다.

08

컴포넌트

09

보이스와 금지 목록

10

팩 안의 실제 스크린샷

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

11

System Prompt

럭셔리 스니커즈 캠페인과 패션 콘텐츠를 위한 프리미엄 편집적 스트리밍 플랫폼을 설계하세요. 미적 감각은 미니멀하고 갤러리와 같으며, 풀블리드 영상 및 사진 배경과 부유하는 기능적 UI 오버레이를 특징으로 합니다. 주요 팔레트는 중립적인 그레이(#F0EEED, #FFFFFF)와 다크 텍스트(#3D3D3D)로 구성되며, 라이브 상태를 위한 단일 기능적 레드(#D41515) 액센트가 사용됩니다. 타이포그래피는 디스플레이 타이틀을 위해 세련된 트랜지셔널 세리프를 본문 텍스트 및 메타데이터를 위해 깔끔한 네오그로테스크 산세리프와 결합합니다. 핵심 제약 조건: 무거운 장식 요소를 피하고, 절대로 네온이나 highly 채도 높은 배경 색상을 사용하지 않으며, 시각적 미디어가 초점이 되도록 넉넉한 여백을 유지합니다. UI를 기능적이고 절제된 상태로 유지하세요.

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

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

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

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