← OpenDesign
큐레이션 · 오픈 · 무료
Sneakinpeace
럭셔리 스니커즈 캠페인과 편집적 콘텐츠를 큐레이션하는 프리미엄 스트리밍 플랫폼입니다.
Premium Editorial Photographic Curation Mobile UI
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
display 36px · 400body 14px · 400caption 12px · 500
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
레이아웃
1280 container
12 columns
24px gutter
768 / 1024 breakpoints
콘텐츠 및 탐색을 위한 부유하는 오버레이 패널이 있는 풀블리드 미디어 캔버스입니다.
07
모션과 인터랙션
150ms micro
220ms small
400ms medium
cubic-bezier(0.4, 0, 0.2, 1) easing
콘텐츠 페이드인을 위한 부드러운 불투명도 전환. · 상호작용 탐색 링크의 미묘한 hover 상태.
탐색 링크와 버튼의 미세한 불투명도 변화입니다. · 상호작용 요소에는 표준 포인터 커서, 선택 가능한 콘텐츠에는 텍스트 커서입니다.
08
컴포넌트
button 알약 모양의 상태 뱃지(예: LIVE)와 미디어 제어를 위한 작은 아이콘 버튼입니다. card 영상 세부 정보나 제품 목록을 담고 있는 부드러운 쉐도우와 둥근 모서리가 있는 부유하는 패널입니다. chip 제품 목록에 부착된 작은 둥근 카테고리 태그(예: Womens, Mens)입니다. input 무거운 시각적 테두리 없이 미니멀한 텍스트 기반 탐색 및 검색 입력 필드입니다. hero 겹쳐진 설명 텍스트가 있는 풀스크린 영상 또는 사진 배경입니다.
09
보이스와 금지 목록
톤 세련되고, 큐레이션되며, 편집적으로 주도됩니다. 헤드라인 럭셔리 패션 매거진을 연상시키는 세련된 트랜지셔널 세리프 타이포그래피로 캠페인 타이틀을 표시합니다. CTA 미세하고 기능적인 텍스트 기반 탐색 및 액션 링크입니다. 무거운 장식 요소를 사용하지 마세요 — 스크린샷은 미니멀하고 기능적인 UI 오버레이를 보여줍니다. 메인 타이틀에 산세리프를 사용하지 마세요 — 스크린샷은 캠페인 타이틀을 위해 세련된 트랜지셔널 세리프를 보여줍니다. 밝고 채도 높은 배경 색상을 사용하지 마세요 — 스크린샷은 중립적인 그레이(#F0EEED)와 화이트를 보여줍니다. 공격적인 드롭 쉐도우를 사용하지 마세요 — 스크린샷은 깊이감을 위해 매우 미세하고 부드러운 박스 쉐도우를 보여줍니다. 밀집된 텍스트로 레이아웃을 복잡하게 하지 마세요 — 스크린샷은 넉넉한 여백과 집중된 콘텐츠 블록을 보여줍니다. 주요 요소에 날카롭고 사각형 모서리를 사용하지 마세요 — 스크린샷은 둥근 테두리(4px~6px)의 일관된 사용을 보여줍니다. 피하기: 사진 콘텐츠와 충돌하는 밝은 네온 색상. 피하기: 비주얼 미디어를 방해하는 무거운 화려한 폰트. 피하기: 풀스크린 영상 경험과 경쟁하는 밀집된 레이아웃.
10
팩 안의 실제 스크린샷
桌面首屏(hero) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 移动首屏 실제 페이지에서 캡처 · 실 computed styles
11
System Prompt
럭셔리 스니커즈 캠페인과 패션 콘텐츠를 위한 프리미엄 편집적 스트리밍 플랫폼을 설계하세요. 미적 감각은 미니멀하고 갤러리와 같으며, 풀블리드 영상 및 사진 배경과 부유하는 기능적 UI 오버레이를 특징으로 합니다. 주요 팔레트는 중립적인 그레이(#F0EEED, #FFFFFF)와 다크 텍스트(#3D3D3D)로 구성되며, 라이브 상태를 위한 단일 기능적 레드(#D41515) 액센트가 사용됩니다. 타이포그래피는 디스플레이 타이틀을 위해 세련된 트랜지셔널 세리프를 본문 텍스트 및 메타데이터를 위해 깔끔한 네오그로테스크 산세리프와 결합합니다. 핵심 제약 조건: 무거운 장식 요소를 피하고, 절대로 네온이나 highly 채도 높은 배경 색상을 사용하지 않으며, 시각적 미디어가 초점이 되도록 넉넉한 여백을 유지합니다. UI를 기능적이고 절제된 상태로 유지하세요.
더 보기
en · zh-CN · zh-TW · ja · ko
OpenDesign · curated web aesthetics for AI-readable design DNA · opendesign.cc
왜 수록: 이 사이트는 편집적 럭셔리 UI의 강력한 예시로, 인터페이스가 의도적으로 후퇴하여 하이엔드 비주얼 콘텐츠와 사진이 중심이 되도록 합니다.