← OpenDesign
큐레이션 · 오픈 · 무료
Dae
장난기 있고 매력적인 따뜻한 사막 영감 헤어케어.
beauty haircare
01
디자인 DNA
따뜻한 장난기 있는 자연적인 사막 매력적인
최고의 헤어 제품과 함께하는 화창한 사막 도로 여행
02
컬러
#E92C5BAccent
#BE6A14Ink
#6A6C77Ink soft
#FFFDF5BG
#EDD6C4BG soft
#DDA69DMuted
rgba(190,106,20,1)Line
크리미 베이스를 기반으로 하고 활기찬 핑크 포인트로 강조하는 어스 사막 웜톤.
03
타이포그래피
didone-serif · geometric-sans · mono-sans
display 56px · 400heading 24px · 700body 15px · 400보조 CTA와 프로모션 배지에는 올캡스를 사용합니다. · 브랜드 가치 marquee 스크롤링에는 대문자 모노스페이스 텍스트를 사용합니다.
04
여백
4px
8px
16px
24px
32px
48px
64px
96px
섹션 내 넉넉한 padding과 콘텐츠 블록 간 명확한 수직 spacing.
05
표면 (라운드 / 그림자 / 경계선)
sm · 3px
md · 10px
lg · 0px
pill · 999px
버튼과 marquee 디바이더에는 1px solid 악센트 브라운.
없음
06
레이아웃
1440 container
12 columns
24px gutter
768 / 1024 breakpoints
풀사이즈 히어로 다음에 설명 영역이 왼쪽, 수평 제품 그리드가 오른쪽에 위치.
07
모션과 인터랙션
220ms micro
400ms small
800ms medium
cubic-bezier(0.25, 0.1, 0.25, 1) easing
브랜드 가치 marquee의 연속 수평 스크롤링.
네비게이션 링크와 버튼에서 미세한 불투명도 또는 색상 변화. · 표준 버튼 프레스 효과.
08
컴포넌트
button 얇은 solid border와 대문자 텍스트가 있는 알약 모양. card 미세한 둥근 모서리와 절대 위치 배지가 있는 이미지 중심. chip solid 핑크색의 절대 위치 'NEW!' 배지. input 미니멀, 얇은 border 또는 borderless 가능. hero 왼쪽에 텍스트와 CTA 버튼이 오버레이된 대형 시네마틱 사진.
09
보이스와 금지 목록
톤 따뜻하고 친근하며 약간 시적인 어조. 헤드라인 제품명을 위한 우아한 세리프 타이포그래피. CTA 명확한 CTA를 위한 깔끔한 대문자 산세리프. 차갑고 임상적인 흰색 배경을 사용하지 마세요 — 스크린샷에는 따뜻한 크림(#FFFDF5)이 사용되었습니다. 네온이나 순수한 디지털 악센트 컬러를 사용하지 마세요 — 스크린샷에는 자연스러운 웜 핑크(#DDA69D, #E92C5B)가 사용되었습니다. 강하고 각진 버튼을 사용하지 마세요 — 스크린샷에는 얇은 border의 둥근 알약 모양 버튼이 사용되었습니다. 밀도 높고 텍스트 중심의 레이아웃을 사용하지 마세요 — 스크린샷은 넉넉한 여백과 사진에 크게 의존합니다. 히어로 텍스트에 현대적이고 미니멀한 산세리프를 사용하지 마세요 — 스크린샷에는 제품명에 두드러진 디도네 세리프가 사용되었습니다. 경직되고 거친 가장자리의 그리드 컨테이너를 사용하지 마세요 — 스크린샷에는 더 부드럽고 유기적인 그리드 정렬이 사용되었습니다. 피하기: 임상적이거나 지나치게 기술적인 헤어케어 전문 용어. 피하기: 강렬하거나 네온, 순수 디지털 팔레트. 피하기: 경직되고 그리드 중심의 기업형 레이아웃.
10
팩 안의 실제 스크린샷
桌面首屏(hero) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 移动首屏 실제 페이지에서 캡처 · 실 computed styles
11
System Prompt
따뜻한 소비자 대상 헤어케어 브랜드 사이트입니다. 크리미(#FFFDF5), 탠(#EDD6C4), 어스 브라운(#BE6A14)으로 구성된 사막 영감 팔레트와 프로모션 요소를 위한 활기찬 핑크(#E92C5B)를 사용합니다. 타이포그래피는 우아한 디도네 세리프 디스플레이와 깔끔한 기하 산세리프 본문 텍스트를 혼합합니다. 핵심 주의사항: 절대 차가운 흰색 배경을 사용하지 말고, 네온 컬러를 피하며, 강하고 각진 UI 컴포넌트를 사용하지 마세요. 레이아웃은 넉넉하고 이미지 중심이며 시네마틱 사진에 크게 의존합니다.
더 보기
en · zh-CN · zh-TW · ja · ko
OpenDesign · curated web aesthetics for AI-readable design DNA · opendesign.cc
왜 수록: 따뜻하고 자연스러운 미학과 명확한 전자상거 estructura을 성공적으로融合한 강력하고 일관된 비주얼 아이덴티티로 포함할 가치가 있습니다.