큐레이션 · 오픈 · 무료

Brightland

강렬한 세리프 타이포그래피와 따뜻하고 햇살 가득한 라이프스타일 사진을 결합한 프리미엄 DTC 푸드 브랜드.

01

디자인 DNA

에디토리얼 사진과 따뜻하고 친근한 미학을 결합한 하이엔드 식재료 브랜드.

02

컬러

시그니처 골드 옐로우와 부드러운 오프 화이트 위의 선명한 블랙 텍스트로 이루어진 고대비 따뜻한 팔레트.

03

타이포그래피

transitional-serif · humanist-sans

• display56px · 700
• heading16px · 400
• body16px · 400

04

여백

인터랙티브 요소 및 모달에 일관된 18px padding, flex 아이템 사이에 8-18px gap.

05

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

1px solid rgba(27, 27, 27, 0.12)

rgba(0, 0, 0, 0.1) 0px 1px 3px 0px · rgba(0, 0, 0, 0.4) 0px 9999px 0px 9999px

06

레이아웃

데스크톱 2단 분할 (50/50) 구성은 모바일에서 두드러진 이미지 블록과 함께 단일 열로 축소됩니다.

07

모션과 인터랙션

모달 opacity 및 transform의 매끄러운 트랜지션 · 인터랙티브 요소의 hover 상태

알약 버튼에 대한 시각적 피드백 · 환경 설정 선택 또는 모달 닫기

08

컴포넌트

• button 단색 옐로우 배경, 블랙 텍스트, 넉넉한 수평 padding이 적용된 알약 모양.
• card 부드러운 오프 화이트 배경, 큰 둥근 모서리 (18px), 은은한 drop shadow가 적용된 모달 오버레이.
• hero 강렬한 세리프 할인 헤드라인과 제품의 라이프스타일 사진을 결합한 프로모션 오버레이.

09

보이스와 금지 목록

• 톤 따뜻하고, 매력적이며, 자신감 있는
• 헤드라인 가치와 품질에 중점을 둔 강렬하고 감정적인 세리프
• CTA 직설적이고, 행동 지향적이며, 매우 눈에 띄는

• 극단적인 흰색 배경을 사용하지 마세요 — 스크린샷에는 따뜻한 오프 화이트(#F9F2EA)가 사용되었습니다.
• 헤드라인에 기하학적 산세리프를 사용하지 마세요 — 스크린샷에는 전환형 세리프가 사용되었습니다.
• 직사각형 버튼을 사용하지 마세요 — 스크린샷에는 9999px radius의 알약 모양 버튼이 사용되었습니다.
• 무채색 또는 파스텔 주요 강조색을 사용하지 마세요 — 스크린샷에는 고채도 골드 옐로우가 사용되었습니다.
• 날카로운 블랙 또는 차가운 톤을 사용하지 마세요 — 스크린샷에는 따뜻하고 어스톤 팔레트가 사용되었습니다.
• 얇고 저대비 테두리를 사용하지 마세요 — 스크린샷에는 은은한 투명도가 적용된 명확하게 정의된 1px 테두리가 사용되었습니다.
• 피하기: 차가운 기술적 언어
• 피하기: 공격적인 할인 메시지
• 피하기: 복잡한 전문 용어

10

팩 안의 실제 스크린샷

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

11

System Prompt

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