← OpenDesign
큐레이션 · 오픈 · 무료
USM
스위스 모더니즘에 뿌리를 둔 프리미엄, 그리드 기반 모듈형 가구 시스템입니다.
furniture design
01
디자인 DNA
모듈형 스위스 모더니즘 시스템 정밀
가구의 바우하우스 건축가
02
컬러
#000000Ink
#373A40Ink soft
#FFFFFFBG
#F5F5F5BG soft
#E8E8E8BG quiet
#808080Muted
rgba(0,0,0,0.1)Line
다채로운 모듈형 제품 사진이 온전한 주목을 받도록 하는 엄격한 단색 캔버스입니다.
03
타이포그래피
grotesque-sans
display 56px · 500h1 40px · 400body 16px · 400유틸리티 텍스트에 소량의 대문자 사용 · 일반 굵기 텍스트에 넉넉한 자간 (0.5px) 적용 · 높은 대비 (검정 배경의 흰색)를 엄격히 유지
04
여백
4px
8px
16px
24px
32px
48px
64px
96px
120px
넉넉하고 넉넉한 여백이 럭셔리한 느낌을 정의합니다.
05
표면 (라운드 / 그림자 / 경계선)
sm · 0px
md · 0px
lg · 0px
pill · 999px
눈에 보이는 UI 테두리는 없습니다. 구조선은 제품 형상에 의해 정의됩니다.
rgba(0, 0, 0, 0.1) 0px 5px 50px 0px
06
레이아웃
1440 container
12 columns
24px gutter
768 / 1024 breakpoints
엄격하고 단단한 그리드 시스템과 교차하는 풀블리드 사진.
07
모션과 인터랙션
220ms micro
300ms small
500ms medium
cubic-bezier(0.25, 0.1, 0.25, 1) easing
단순한 투명도 페이드 · 부드러운 너비 전환
미세한 투명도 변화 또는 단순한 텍스트 밑줄. · 즉각적인 시각적 피드백
08
컴포넌트
button 날카로운 모서리와 대문자 타이포그래피를 사용한 미니멀한 고스트 버튼. card 컨테이너 없이 넉넉한 여백으로 프레이밍된 제품 이미지. chip 없음 input 높은 대비를 사용한 깔끔한 단일 하단 테두리 입력 필드. hero 중앙 정렬된 날카로운 타이포그래피와 단일 명확한 CTA를 갖춘 고품질 라이프스타일 사진.
09
보이스와 금지 목록
톤 정교하고, 정밀하며, 절제된 톤입니다. 헤드라인 짧고, 단정적이며, 순수 사실적입니다. CTA 직설적이고 행동 지향적입니다 (예: '둘러보기'). 둥근 모서리를 사용하지 마세요 — 스크린샷은 버튼과 요소의 날카롭고 90도 각도를 보여줍니다. 주요 UI 요소에 드롭 섀도우를 사용하지 마세요 — 스크린샷은 그림자 없는 플랫 인터페이스를 보여줍니다. 장식적인 배경을 사용하지 마세요 — 스크린샷은 핵심 요소를 둘러싼 깨끗한 여백 (#FFFFFF)을 보여줍니다. 혼합된 폰트 패밀리를 사용하지 마세요 — 스크린샷은 전체적으로 일관된 Helvetica/Arial grotesque 스택을 보여줍니다. 무거운 폰트 굵기를 사용하지 마세요 — 스크린샷은 400 굵기와 가벼운 300 굵기의 지배적 사용을 보여줍니다. 화려한 강조색을 사용하지 마세요 — 스크린샷은 엄격한 흑백 UI를 보여주어 제품 색상이 빛나도록 합니다. 피하기: 느낌표 피하기: 마케팅 과장 표현 피하기: 지나치게 캐주얼한 언어
10
팩 안의 실제 스크린샷
桌面首屏(hero) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 移动首屏 실제 페이지에서 캡처 · 실 computed styles
11
System Prompt
이것은 스위스 모듈형 가구를 위한 프리미엄 모더니즘 전자상거래 플랫폼입니다. 선명한 고대비 단색 UI (흰색 #FFFFFF 및 검정 #000000)를 사용하여 활기찬 제품 사진의 중립적 캔버스로 삼습니다. 타이포그래피는 독점적으로 grotesque-sans 패밀리 (Helvetica/Arial)를 사용하며, 주로 정상 (400) 및 가벼운 (300) 굵기를 사용하고 넉넉한 자간 (0.5px)을 적용합니다. 레이아웃은 광범위한 여백 (120px padding)과 날카롭고 0px 테두리 반경을 갖춘 엄격한 그리드 시스템을 따릅니다. 둥근 모서리, 드롭 섀도우, 혼합된 폰트 또는 화려한 UI 강조색을 사용하지 마세요. 절대 무거운 폰트 굵기나 마케팅 과장 표현을 사용하지 마세요; 정밀하고 절제되며 매우 구조화된 시각적 목소리를 유지하세요.
더 보기
en · zh-CN · zh-TW · ja · ko
OpenDesign · curated web aesthetics for AI-readable design DNA · opendesign.cc
왜 수록: 제품을 전시하는 UI 시스템이 완전히 종속되는 웹 디자인에 적용된 고급 스위스 모더니즘의 완벽한 예시입니다.