큐레이션 · 오픈 · 무료

Letsbehonest Eu

대비가 강한 에디토리얼 사진과 따뜻한 흙내음 톤을 특징으로 하는 지속가능한 패션 브랜드.

01

디자인 DNA

에디토리얼 패션 매거진의 디지털 스토어프론트.

02

컬러

따뜻하고 흙내음 나는 중성 톤을 기본으로, 짙은 빨간색 포인트와 대비가 강한 사진으로 무게감을 잡았습니다.

03

타이포그래피

geometric-sans · humanist-sans

• display138px · 700
• h156px · 700
• body14px · 400
• caption11px · 400

네비게이션과 하위 제목에는 대문자를 사용합니다. · 대문자 요소에는 넉넉한 자간(2px 이상)을 유지합니다. · 계층 표현을 위해 기하학적 및 휴머니스트 sans-serif 폰트를 혼합 사용합니다.

04

여백

각 섹션 패딩(예: 상단 114px)을 명확히 구분하는 넉넉한 수직 간격.

05

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

최소화하여, 미세한 구분선 및 인터랙티브 요소에 1px solid #868686을 사용합니다.

06

레이아웃

풀블리드 히어로 이미지 뒤에, 넉넉한 여백을 두고 중앙 정렬된 단일 콜럼 섹션이 이어집니다.

07

모션과 인터랙션

인터랙티브 요소에 대한 빠르고 섬세한 hover 색상 전환. · 캐러셀 슬라이드의 부드러운 전환.

보통 0.15초 ease-out으로, 섬세한 색상 변화 또는 불투명도 변화. · 즉각적인 시각적 반응.

08

컴포넌트

• button 대문자 텍스트와 넉넉한 수평 패딩을 사용하는 텍스트 기반 또는 간단한 직사각형 버튼.
• card 중립적인 배경 위에 풀사이즈 모델 사진을 사용하는 깔끔한 제품 카드.
• hero 최소한의 오버레이 텍스트와 큰 캔버스 화살표가 포함된, 풀블리드 고해상도 에디토리얼 사진.

09

보이스와 금지 목록

• 톤 자신감 있고, 미니멀하며, 지속가능성에 초점을 맞춥니다.
• 헤드라인 간결하고 임팩트 있으며, 종종 크고 굵은 대문자로 표시됩니다.
• CTA 깔끔하고 방해가 되지 않으며, 종종 텍스트 기반입니다.

• 순백 배경을 사용하지 마세요 — 스크린샷에는 주요 캔버스가 따뜻한 베이지색(#EEE5D9)으로 표시되어 있습니다.
• 내비게이션을 소문자로 설정하지 마세요 — 스크린샷의 모든 내비게이션 항목은 대문자입니다.
• 복잡한 그라디언트를 사용하지 마세요 — 디자인은 플랫 컬러와 고품질 사진에 의존합니다.
• 모든 것에 sans-serif를 사용하지 마세요 — 브랜드 마크는 굵고 수평이 압축된 sans-serif를 사용하는 반면, 본문은 더 휴머니스트한 폰트를 사용합니다.
• 카드에 드롭 섀도우를 추가하지 마세요 — 제품 카드는 테두리가 없고 배경과 일체형입니다.
• 주요 콘텐츠에 다크 모드 또는 어두운 배경을 사용하지 마세요 — 팔레트는 주로 밝고 흙내음 나는 톤입니다.
• 피하기: 화려하거나, 네온색이거나, 지나치게 인공적인 색상 사용.
• 피하기: 장식적이거나 스크립트 폰트 사용.
• 피하기: 이미지 위에 과도한 텍스트 오버레이로 지저분한 레이아웃 만들기.
• 피하기: 복잡한 그라디언트 사용.
• 피하기: 불필요한 테두리 또는 무거한 UI 크롬 사용.
• 피하기: 주요 내비게이션에 소문자 사용.

10

팩 안의 실제 스크린샷

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

11

System Prompt

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