← OpenDesign
큐레이션 · 오픈 · 무료
&Tradition
에디토리얼하고 갤러리 같은 디지털 존재감을 갖춘 프리미엄 스칸디나비안 가구 브랜드.
furniture design
01
디자인 DNA
가구 디자인 전통 공예 미학
시대를 초월한 가구 조각들의 큐레이션된 갤러리.
02
컬러
#282828Ink
#454545Ink soft
#EDECE8BG
#F6F6F6BG soft
#CFD3BCBG quiet
#5D5D5DMuted
rgba(40,40,40,0.1)Line
고요하고 갤러리 같은 무대를 제공하여 고품질 사진을 위한 따뜻하고 중성적인 배경.
03
타이포그래피
transitional-serif · geometric-sans
display 36px · 400body 14px · 400모든 UI 요소, 네비게이션 및 본문 텍스트에 기하학적 sans를 사용합니다. · 주요 에디토리얼 제목 및 피처 타이틀에 과도적 serif를 사용합니다. · 넉넉한 간격을 유지하여 깔끔하고 열린 타이포그래피 느낌을 유지합니다.
04
여백
4px
8px
16px
24px
32px
48px
64px
96px
넉넉한 수직 리듬을 가진 8px 기준 격자.
05
표면 (라운드 / 그림자 / 경계선)
sm · 0px
md · 0px
lg · 0px
pill · 999px
1px solid rgba(40,40,40,0.1)
rgba(0, 0, 0, 0.1) 0px 0px 2px 0px
06
레이아웃
1280 container
12 columns
24px gutter
768 / 1024 breakpoints
비대칭 에디토리얼 격자, 대형 이미지와 텍스트를 번갈아 배치.
07
모션과 인터랙션
150ms micro
200ms small
500ms medium
cubic-bezier(0.25, 0.1, 0.25, 1) easing
hover 시 미묘한 불투명도 및 색상 전환. · 오버레이를 열 때 부드러운 전환.
링크 및 버튼에 대한 미묘한 색상 변화 또는 밑줄. · 즉각적인 시각적 피드백.
08
컴포넌트
button 최소한의 텍스트 링크, 가끔 밑줄 포함. card 하단에 깔끔한 타이포그래피가 있는 이미지 중심 에디토리얼 카드. chip 대문자, 소문자 대문자로 표시된 네비게이션 또는 카테고리 라벨. input 단순한 텍스트 입력, 최소한의 테두리. hero 중앙 또는 하단 정렬 텍스트가 있는 전체 폭 사진 히어로.
09
보이스와 금지 목록
톤 세련되고 시적이며 묘사적. 헤드라인 唤起的且主题的,通常使用过渡性衬线字体. CTA 최소한이자 기능적, 주로 '더 읽기' 링크. 네온이나 채도 높은 원색을 사용하지 마세요 — 스크린샷은 차분하고 흙빛 톤을 보여줍니다. 둥글고 통통한 UI 요소를 사용하지 마세요 — 스크린샷은 날카롭고 직사각형 형태를 보여줍니다. 많은 작은 아이콘으로 인터페이스를 지저분하게 만들지 마세요 — 스크린샷은 매우 깔끔하고 여유로운 레이아웃을 보여줍니다. 모든 텍스트에 두껍고 진한 sans-serif를 사용하지 마세요 — 스크린샷은 serif와 sans-serif의 혼합을 보여줍니다. 다크 모드를 기본 테마로 사용하지 마세요 — 스크린샷은 밝고 따뜻한 오프화이트 배경을 보여줍니다. 공격적인 drop shadow를 사용하지 마세요 — 스크린샷은 매우 미묘하고 최소한의 그림자 효과를 보여줍니다. 피하기: 공격적인 마케팅 언어 피하기: 화려하거나 지저분한 시각적 요소 피하기: 크고 채도 높은 팔레트 피하기: 지나치게 복잡한 네비게이션 구조
10
팩 안의 실제 스크린샷
桌面首屏(hero) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 移动首屏 실제 페이지에서 캡처 · 실 computed styles
11
System Prompt
이 디자인 DNA는 &Tradition과 같은 프리미엄, 에디토리얼 가구 브랜드를 위한 것입니다. 포지셔닝은 하이엔드 및 큐레이션된 것입니다. 주요 색상은 #EDECE8 및 #F6F6F6과 같은 따뜻한 중성색과 어두운 잉크 #282828입니다. 타이포그래피는 디스플레이용 과도 serif와 본문용 기하학 sans를 혼합합니다. 중요한 금지 사항: 네온 색상 사용 피하기, 통통하거나 매우 둥근 UI 피하기, 많은 작은 아이콘으로 인터페이스를 지저분하게 만들지 않기. 전반적인 느낌은 차분하고 세련되며 갤러리 같습니다.
더 보기
en · zh-CN · zh-TW · ja · ko
OpenDesign · curated web aesthetics for AI-readable design DNA · opendesign.cc
왜 수록: 이 사이트는 고급 물리적 브랜드 아이덴티티를 절제되고 우아한 디지털 경험으로 번역하는 훌륭한 예시입니다.