큐레이션 · 오픈 · 무료

Misuko Be

건강한 음료 제조 및 생산을 위한 B2B 서비스 제공자입니다.

01

디자인 DNA

음료 브랜드를 위한 깨끗하고 전문적인 패키징 스튜디오

02

컬러

따뜻하고 차분한 배경 팔레트에 명확한 검정 타이포그래피를 적용하여 높은 대비를 만듭니다.

03

타이포그래피

grotesque-sans

• display48px · 500
• heading34px · 400
• body14px · 400

헤드라인에는 타이트한 네거티브 레터 스페이싱을 사용합니다 · 본문 텍스트는 편안한 1.36 라인 높이를 유지합니다 · 내비게이션 링크와 본문은 동일한 기본 폰트 크기를 공유합니다

04

여백

섹션 내부에 넉넉한 padding (예: 116px 상단/하단)을 적용하여 리듬감 있고 여유로운 레이아웃을 만듭니다.

05

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

버튼과 구조적 구분선에는 차분한 톤(#BCBEB2) 또는 단색 검정(#000000)의 얇은 1px 테두리를 사용합니다.

rgba(0,0,0,0.15) 0px 0px 8px 3px

06

레이아웃

투 스크린 히어로 레이아웃에서 풀寬도 교차 이미지-텍스트 그리드로 전환됩니다.

07

모션과 인터랙션

인터랙티브 요소에 대한 미세한 투명도 및 transform 전환

텍스트 링크와 버튼에 대한 색상 변화 및 미세한 투명도 변화 · 새로운 페이지 섹션 또는 외부 링크로의 부드러운 전환

08

컴포넌트

• button 검정 테두리와 대문자 텍스트를 사용한 둥근 형태의 윤곽선 버튼, 또는 화살표 아이콘이 선행되는 간단한 텍스트 링크입니다.
• card 콘텐츠는 전통적인 카드 대신 큰 투 스크린 블록으로 제시됩니다.
• chip 칩 사용은 최소화하고, 내비게이션에는 깨끗한 텍스트 링크에 집중합니다.
• input 얇은 테두리가 있는 표준 양식 필드입니다.
• hero 한쪽에는 큰 헤드라인, 반대쪽에는 풀 하이트 라이프스타일 이미지가 배치된 거대한 투 스크린 블록입니다.

09

보이스와 금지 목록

• 톤 전문적이고 안심시키는, 협력에 초점을 맞춘 어조
• 헤드라인 디자인 및 생산에 대한 직접적이고 혜택 중심적인 진술
• CTA '문의하기' 또는 '내 브랜드 만들기 도움 받기'와 같은 행동 지향적인 촉구

• 선명하거나 네온 색상을 사용하지 마세요 — 스크린샷은 베이지, 갈색, 검정의 차분하고 어스 팔레트를 보여줍니다
• 무거운 드롭 섀도우를 사용하지 마세요 — 스크린샷은 요소에 미세하고 거의 눈에 띄지 않는 그림자를 보여줍니다
• 메인 본문에 텍스트를 중앙 정렬하지 마세요 — 스크린샷은 모든 곳에서 왼쪽 정렬된 헤드라인과 본문을 보여줍니다
• 많은 컬럼으로 복잡한 레이아웃을 사용하지 마세요 — 스크린샷은 깔끔하고 여유로운 투 스크린 그리드를 보여줍니다
• 장식적이거나 필기체 폰트를 사용하지 마세요 — 스크린샷은 깨끗하고 기능적인 grotesque-sans 타이포그래피를 보여줍니다
• 둥근 배경의 부드러운 카드를 사용하지 마세요 — 스크린샷은 날카로운 풀블리드 이미지와 선명한 테두리를 보여줍니다
• 피하기: 공격적인 판매 언어는 피합니다
• 피하기: 지나치게 캐주얼하거나 은어가 많이 섞인 문구는 피합니다
• 피하기: 음료 생산과 관련 없는 복잡한 전문 용어는 피합니다

10

팩 안의 실제 스크린샷

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

11

System Prompt

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