큐레이션 · 오픈 · 무료

Leifproducts

넓은 사진과 절제된 타이포그래피를 사용하여 차분하고 자연스러운 럭셔리를 불러일으키는 세련된 호주 보태니컬 브랜드입니다.

01

디자인 DNA

큐레이팅된 보태니컬 저널과 해안 럭셔리 리트리트의 결합.

02

컬러

고대비 중성색(블랙, 오프화이트, 뮤트 그레이)이 깔끔한 캔버스 역할을 하여 흙빛 자연 사진이 중심을 차지하도록 합니다.

03

타이포그래피

geometric-sans · grotesque-sans · monospaced

• display52px · 500
• body16px · 500
• caption12px · 500

네비게이션과 카테고리 레이블에는 넓은 트래킹을 사용한 대문자를 사용합니다. · 큰 디스플레이 제목에는 타이트한 음수 트래킹을 유지합니다. · 설명적인 향 노트와 분류에는 모노스페이스 타이포그래피를 사용합니다.

04

여백

4px 기본 증가분과 넉넉한 113px 수직 패딩의 조합이 독특하고 통풍이 잘 되는 리듬을 만듭니다.

05

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

1px solid rgb(214, 209, 199) 또는 rgb(38, 37, 37)

rgba(0, 0, 0, 0.1) 0px 2px 20px 0px

06

레이아웃

대용량 사진 블록과 풍부한 여백, 타이트한 텍스트 블록을 결합하는 깔끔한 비대칭 다중 열 그리드입니다.

07

모션과 인터랙션

호버 상태 및 인터랙티브 요소를 위한 0.3초 전환. · 더 광범위한 UI 상태 변경을 위한 0.5초 전환.

인터랙티브 요소에 미묘한 불투명도 또는 색상 변화. · 채워진/비어 있는 라디오 버튼으로 표시되는 상태 변경.

08

컴포넌트

• button 흰색 대문자 텍스트가 포함된 단색 블랙 직사각형 버튼.
• card 최소한의 텍스트 오버레이와 미묘한 테두리가 있는 이미지 중심 카드.
• chip 대문자 텍스트 레이블이 있는 라디오 스타일 원형 선택기.
• input 미묘한 하단 테두리와 모노스페이스 텍스트가 있는 미니멀 입력 필드.
• hero 지배적인 전신 이미지와 전용 텍스트 열이 있는 분할 화면 레이아웃.

09

보이스와 금지 목록

• 톤 차분하고, 감성적이며, 세련된 톤.
• 헤드라인 분위기나 장소를 설정하는 짧고 감성적인 문구.
• CTA 직설적이고, 대문자이며, 행동을 지향하는 명령어.

• 밝거나 채도 높은 액센트 색상을 사용하지 마세요. 스크린샷은 엄격히 중성적인 단색 팔레트를 보여줍니다.
• 장식적이거나 과도하게 스타일화된 글꼴을 사용하지 마세요. 스크린샷은 깔끔한 기하학적산세리프와 그로테스크산세리프를 보여줍니다.
• 레이이아웃을 과도하게 채우지 마세요. 스크린샷은 풍부한 여백과 요소 사이의 넓은 공간을 보여줍니다.
• 모든 곳에 과도하게 둥근 모서리를 사용하지 마세요. 스크린샷은 날카로운 모서리 또는 매우 미묘한 6-8px 테두리 반경을 보여줍니다.
• 복잡하고 다채로운 그라디언트를 사용하지 마세요. 스크린샷은 평면 단색 배경을 보여줍니다.
• 깊이감을 위해 무거운 드롭 섀도우에 의존하지 마세요. 스크린샷은 최소한의 미묘한 섀도우가 있는 주로 평면 디자인을 사용합니다.
• 피하기: 시끄러운 프로모션 언어
• 피하기: 복잡하거나 지저분한 레이아웃
• 피하기: 화려한 네온 색상
• 피하기: 장난스럽거나 경쾌한 타이포그래피

10

팩 안의 실제 스크린샷

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

11

System Prompt

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