큐레이션 · 오픈 · 무료

Caraway

독성 프리 키친웨어를 위한 모던 프리미엄 DTC 전자상거래 사이트입니다.

homedtc
Caraway 스크린샷
↓ 디자인 시스템 다운로드 (27 MB)OpenDesign 에서 열기

원본 사이트: https://www.carawayhome.com

📦 팩 내용 보기 →

01

디자인 DNA

프리미엄독성 프리가족모던클린

현대적인 가정 생활에 초점을 맞춘 프리미엄 독성 프리 조리용품 브랜드입니다.

02

컬러

#1F3438Ink
#333333Ink soft
#FFFFFFBG
#E4E3DBBG soft
#B3C8E1BG quiet
#737373Muted
rgba(31,52,56,1.0)Line

어스톤의 무드 있는 톤을 사용한 절제된 팔레트이며, 시각적 임팩트는 고품질 사진에 의존합니다.

03

타이포그래피

transitional-serif · humanist-sans

강렬한 헤드라인에는 트랜지셔널 세리프를, 모든 기능성 텍스트에는 휴머니스트 산스를 사용합니다. · 가독성을 위해 본문 텍스트 전체에 걸쳐 일관된 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

레이아웃

1280container
12columns
24pxgutter
768 / 1024breakpoints

풀 블리드 히어로 섹션과 교차하는 배경색을 사용한, 이미지 중심의 와이드 레이아웃입니다.

07

모션과 인터랙션

180msmicro
250mssmall
300msmedium
cubic-bezier(0.3, 1, 0.75, 1)easing

버튼과 링크에 대한 hover 시 은은한 전환. · 매끄러운 스크롤 또는 페이지 전환.

인터랙티브 요소에서 부드러운 색상 또는 불투명도 전환. · 즉각적인 시각적 피드백으로, 약간의 스케일 또는 색상 변화가 예상됩니다.

08

컴포넌트

09

보이스와 금지 목록

10

팩 안의 실제 스크린샷

실제 페이지에서 캡처 · 실 computed styles

11

System Prompt

Caraway는 독성 프리 키친웨어를 위한 프리미엄 DTC 전자상거래 사이트입니다. 그 디자인 DNA는 깔끔하고 널찍한 레이아웃, 깊은 청록색(#1F3438), 올리브 그린(#5E6C51), 부드러운 블루(#B3C8E1)를 특징으로 하는 절제된 팔레트, 그리고 디스플레이용 트랜지셔널 세리프와 본문용 휴머니스트 산스의 혼합 타이포그래피로 정의됩니다. 이 사이트는 고품질 라이프스타일 사진과 현대적이고 건강한 라이프스타일 감각을 강조합니다. 중요한 주의사항: 네온 색상은 피하고, 사각 버튼은 사용하지 않으며, 헤드라인에 전체 대문자를 사용하지 않습니다. 레이아웃은 와이드하고 이미지 중심이며, 신뢰감과 제품 품질에 중점을 둡니다.

이 감각을 당신의 에이전트에

이 디자인의 기계 판독 가능한 사양——색상·타이포·모션까지——을 그대로 AI 에이전트에 전달하세요.

OpenDesign 스킬 ↗ · 이 팩 (에이전트용) ↗

en · zh-CN · zh-TW · ja · ko