← OpenDesign
큐레이션 · 오픈 · 무료
Fritz Hansen
하이엔드 가구와 디자인 이벤트를 위한 프리미엄 미니멀리스트 쇼케이스입니다.
furniture design
01
디자인 DNA
프리미엄 스칸디나비안 가구 디자인 유산
정제된 스칸디나비안 디자인 갤러리.
02
컬러
#D6E1B9Accent
#000000Ink
#333333Ink soft
#FFFFFFBG
#EFEEEBBG soft
#C6C6C6Muted
rgba(0,0,0,1)Line
단일 파스텔 액센트가 포함된 엄격한 단색 팔레트입니다.
03
타이포그래피
grotesque-sans
display 34px · 500body 14px · 400caption 11px · 400내비게이션과 일부 레이블에는 대문자를 사용합니다. · 디스플레이 크기에는 좁은 자간을 적용합니다. · 전체적으로 깔끔하고 가독성 높은 산세리프를 사용합니다.
04
여백
4px
8px
16px
24px
32px
48px
64px
96px
헤드라인에는 좁은 행간, 전체적으로 넉넉한 수직 패딩을 적용합니다.
05
표면 (라운드 / 그림자 / 경계선)
sm · 0px
md · 0px
lg · 0px
pill · 0px
구조적 구분을 위해 1px solid #000000를 사용합니다.
06
레이아웃
1440 container
12 columns
24px gutter
768 / 1024 breakpoints
고품질 사진이 적용된 비대칭 격자.
07
모션과 인터랙션
250ms micro
300ms small
500ms medium
cubic-bezier(0.25, 0.01, 0.25, 1) easing
콘텐츠 섹션의 부드러운 페이드인. · 스크롤 시 은은한 트랜스폼 애니메이션.
은은한 불투명도 또는 색상 변화. · 바운스 없는 즉각적인 반응.
08
컴포넌트
button 날카로운 모서리의 단색 브라운 또는 연한 그린 배경. card 하단에 얇은 테두리가 있는 이미지 중심. chip 텍스트 기반의 미니멀한 선택 요소. input 최소한의 장식이 적용된 밑줄 또는 얇은 테두리 스타일. hero 대담한 텍스트 오버레이가 적용된 대형 이미지.
09
보이스와 금지 목록
톤 세련되고, 차분하며, 권위 있는. 헤드라인 대담하고, 대문자이며, 간결한. CTA 명확하고, 직접적이며, 종종 화살표가 동반됩니다. 둥근 모서리를 사용하지 않습니다 — 스크린샷에는 완벽하게 날카로운 모서리가 보입니다. 드롭 섀도우를 사용하지 않습니다 — 스크린샷에는 테두리로 분리된 플랫한 표면이 보입니다. 선명한 주요 색상을 사용하지 않습니다 — 스크린샷에는 은은한 그린과 엄격한 단색이 보입니다. 세리프 폰트를 사용하지 않습니다 — 스크린샷에는 깔끔한 기하학적 산세리프가 보입니다. 장식적인 아이콘을 사용하지 않습니다 — 스크린샷에는 미니멀하고 기능적인 UI 요소가 보입니다. 레이아웃을 복잡하게 만들지 않습니다 — 스크린샷에는 방대한 여백이 보입니다. 피하기: 선명한 색상 피하기: 장난스러운 표현 피하기: 복잡한 그라디언트 피하기: 둥근 모서리
10
팩 안의 실제 스크린샷
桌面首屏(hero) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 移动首屏 실제 페이지에서 캡처 · 실 computed styles
11
System Prompt
이 디자인은 프리미엄 스칸디나비안 가구 브랜드인 Fritz Hansen을 나타냅니다. 정체성은 미니멀하고 세련되어 있으며, 단색 팔레트(#000000 잉크 on #FFFFFF 배경)와 언어 선택기를 위한 단일 파스텔 액센트(#D6E1B9)에 의존합니다. 타이포그래피는 헤드라인에 좁은 자간, 본문 텍스트에 넉넉한 간격을 적용한 깔끔한 grotesque-sans입니다. 레이아웃은 여유로워 대규모 사진을 강조합니다. 핵심 금지 사항: 둥근 모서리는 절대 사용하지 말고, 드롭 섀도우를 피하며, 선명하고 고채도의 색상을 도입하지 않습니다.
더 보기
en · zh-CN · zh-TW · ja · ko
OpenDesign · curated web aesthetics for AI-readable design DNA · opendesign.cc
왜 수록: 고객 지향적 제약과 타이포그래피가 어떤 럭셔리한 디지털 프레전스를 만들어낼 수 있는지 보여주는 하이엔드 제품 사이트의 벤치마크입니다.