큐레이션 · 오픈 · 무료

Walden Us

차분하고 자연 중심의 디자인 언어를 갖춘 하이엔드 명상 및 웰니스 브랜드입니다.

01

디자인 DNA

명상 제품을 위한 럭셔리 젠 리트리트

02

컬러

화이트, 딥 그린, 따뜻한 그레이를 주로 사용하는 절제된 자연 영감 팔레트

03

타이포그래피

geometric-sans · grotesque-sans

• display40px · 500
• h120px · 400
• body14px · 400
• small12px · 400

본문 텍스트와 내비게이션에는 Graphik을 사용합니다 · 디스플레이 헤딩과 브랜딩에는 Geist를 사용합니다 · 가독성을 위해 일관된 자간을 유지합니다

04

여백

일관된 4px 기본 그리드와 호흡 공간을 위한 넉넉한 padding

05

표면 (라운드 / 그림자 / 경계선)

rgba(3,3,2,0.76)를 사용한 미묘한 1px border

0px 4px 20px 0px rgba(3,3,2,0.15) · inset 0px 0px 0px 1px rgba(211,206,197,1) · 0px 0px 30px 0px rgba(0,0,0,0.15)

06

레이아웃

중앙 정렬된 모달 오버레이와 하단의 구조화된 제품 그리드가 있는 풀폭 이미지 히어로

07

모션과 인터랙션

콘텐츠 가시성을 위한 페이드 트랜지션 · hover 시 색상 및 background-color 트랜지션

텍스트 및 인터랙티브 요소의 background-color에 대한 색상 트랜지션 · 배경 색상 변경으로 즉각적인 시각적 피드백 제공

08

컴포넌트

• button 모달 내 화이트 텍스트가 있는 풀폭 그레이 버튼, hover 시 미묘한 border
• card 풀블리드 이미지와 중앙 정렬된 텍스트 레이블이 있는 제품 카드
• chip 내비게이션의 텍스트 기반 카테고리 칩
• input 미묘한 border가 있는 깔끔한 텍스트 입력 필드
• hero 중앙 정렬된 모달 오버레이가 있는 대형 풀블리드 자연 사진

09

보이스와 금지 목록

• 톤 차분하고 환영하며 세련된
• 헤드라인 간결하고 직접적인 질문과 진술
• CTA 공격적인 판매 언어보다는 명확하고 경험 기반의 옵션

• 밝은 강조 색상을 사용하지 마세요 — 스크린샷은 화이트, 그레이, 다크 그린 톤만 보여줍니다
• 장식용 폰트를 사용하지 마세요 — 스크린샷은 깔끔한 기하학적 그로테스크 산세리프를 보여줍니다
• 모든 곳에 둥근 필 버튼을 사용하지 마세요 — 스크린샷은 미묘한 둥글기가 있는 직사각형 버튼을 보여줍니다
• 밀도 높은 텍스트 레이아웃을 만들지 마세요 — 스크린샷은 넉넉한 여백과 호흡 공간을 보여줍니다
• 복잡한 패턴을 사용하지 마세요 — 스크린샷은 사진이 있는 깔끔한 단색 배경을 보여줍니다
• 공격적인 CTA를 사용하지 마세요 — 스크린샷은 차분하고 경험 기반의 선택 옵션을 보여줍니다
• 피하기: 공격적인 판매 언어
• 피하기: 밝은 색상이나 복잡한 패턴
• 피하기: 복잡한 기술 용어
• 피하기: 밀도 높은 텍스트 블록
• 피하기: 지나치게 캐주얼한 어조

10

팩 안의 실제 스크린샷

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

11

System Prompt

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