← OpenDesign
큐레이션 · 오픈 · 무료
Caraway
독성 프리 키친웨어를 위한 모던 프리미엄 DTC 전자상거래 사이트입니다.
home dtc
01
디자인 DNA
프리미엄 독성 프리 가족 모던 클린
현대적인 가정 생활에 초점을 맞춘 프리미엄 독성 프리 조리용품 브랜드입니다.
02
컬러
#1F3438Ink
#333333Ink soft
#FFFFFFBG
#E4E3DBBG soft
#B3C8E1BG quiet
#737373Muted
rgba(31,52,56,1.0)Line
어스톤의 무드 있는 톤을 사용한 절제된 팔레트이며, 시각적 임팩트는 고품질 사진에 의존합니다.
03
타이포그래피
transitional-serif · humanist-sans
display 56px · 700body 16px · 400small 12px · 400강렬한 헤드라인에는 트랜지셔널 세리프를, 모든 기능성 텍스트에는 휴머니스트 산스를 사용합니다. · 가독성을 위해 본문 텍스트 전체에 걸쳐 일관된 0.4px의 letter-spacing을 유지합니다.
04
여백
4px
8px
16px
24px
32px
48px
64px
96px
4px 기본 그리드를 사용하며, UI 요소 간에는 일관되게 11px와 8px의 간격을 둡니다.
05
표면 (라운드 / 그림자 / 경계선)
sm · 4px
md · 8px
lg · 40px
pill · 9999px
1px solid #1F3438
rgba(0, 0, 0, 0.05) 0px 4px 5px 2px
06
레이아웃
1280 container
12 columns
24px gutter
768 / 1024 breakpoints
풀 블리드 히어로 섹션과 교차하는 배경색을 사용한, 이미지 중심의 와이드 레이아웃입니다.
07
모션과 인터랙션
180ms micro
250ms small
300ms medium
cubic-bezier(0.3, 1, 0.75, 1) easing
버튼과 링크에 대한 hover 시 은은한 전환. · 매끄러운 스크롤 또는 페이지 전환.
인터랙티브 요소에서 부드러운 색상 또는 불투명도 전환. · 즉각적인 시각적 피드백으로, 약간의 스케일 또는 색상 변화가 예상됩니다.
08
컴포넌트
button 매우 둥글게 (40px) 처리된 알약 형태의 버튼으로, 단색 배경 또는 아웃라인 스타일입니다. card 주로 대형 고품질 제품 또는 라이프스타일 사진으로 정의되는 미니멀리스트 카드입니다. chip 상태를 나타내기 위해 사용되는 작고 둥근 뱃지입니다 (예: 'NEW'). input 양쪽 끝이 둥근 전폭 검색바로, 통합 검색 아이콘이 포함되어 있습니다. hero 대담한 세리프 타이포그래피와 라이프스타일 이미지를 결합한 대형 분할 화면 히어로 섹션입니다.
09
보이스와 금지 목록
톤 자신감 있고 깔끔하며, 건강과 현대적인 디자인에 중점을 둔 라이프스타일 지향적 어조입니다. 헤드라인 세리프 폰트를 사용하여 품질과 신뢰를 전달하는 대담하고 단정적인 스타일입니다. CTA 행동을 유도하고 명확하며, 종종 프로모션 세부 정보를 포함합니다. 네온이나 과도하게 채도가 높은 악센트 색상을 사용하지 마세요 — 스크린샷은 #5E6C51과 #B3C8E1 같은 무드 있는 어스톤 팔레트를 보여줍니다. 기본 버튼에 날카롭고 사각 모서리를 사용하지 마세요 — 스크린샷은 40px border-radius의 알약 형태 버튼을 보여줍니다. 헤드라인에 공격적인 전체 대문자를 사용하지 마세요 — 스크린샷은 혼합형 세리프 헤드라인과 소형 라벨에만 대문자를 사용하는 것을 보여줍니다. 모든 곳에 일반적인 산스세리프 폰트를 사용하지 마세요 — 스크린샷은 디스플레이 헤드라인에 뚜렷한 트랜지셔널 세리프를 사용하는 것을 보여줍니다. UI에 너무 많은 텍스트로 채우지 마세요 — 스크린샷은 넓은 여백과 명확한 시각적 위계를 갖춘 널찍한 레이아웃을 보여줍니다. 다크 모드나 두드러진 배경 패턴을 사용하지 마세요 — 스크린샷은 단색 또는 매우 은은한 그라데이션 배경을 사용하는 깔끔한 라이트 모드 우선 디자인을 보여줍니다. 피하기: 전문 용어 피하기: 지나치게 기술적인 언어 피하기: 공격적인 판매 전략
10
팩 안의 실제 스크린샷
桌面首屏(hero) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 移动首屏 실제 페이지에서 캡처 · 실 computed styles
11
System Prompt
Caraway는 독성 프리 키친웨어를 위한 프리미엄 DTC 전자상거래 사이트입니다. 그 디자인 DNA는 깔끔하고 널찍한 레이아웃, 깊은 청록색(#1F3438), 올리브 그린(#5E6C51), 부드러운 블루(#B3C8E1)를 특징으로 하는 절제된 팔레트, 그리고 디스플레이용 트랜지셔널 세리프와 본문용 휴머니스트 산스의 혼합 타이포그래피로 정의됩니다. 이 사이트는 고품질 라이프스타일 사진과 현대적이고 건강한 라이프스타일 감각을 강조합니다. 중요한 주의사항: 네온 색상은 피하고, 사각 버튼은 사용하지 않으며, 헤드라인에 전체 대문자를 사용하지 않습니다. 레이아웃은 와이드하고 이미지 중심이며, 신뢰감과 제품 품질에 중점을 둡니다.
더 보기
en · zh-CN · zh-TW · ja · ko
OpenDesign · curated web aesthetics for AI-readable design DNA · opendesign.cc
왜 수록: 프리미엄 DTC 브랜드가 절제된 디자인을 통해 제품의 품질과 라이프스타일을 강조하는 훌륭한 사례입니다.