큐레이션 · 오픈 · 무료

Omsom

만화책 미학을 가진 활기차고 시끄러우며 당당한 아시안 푸드 브랜드.

01

디자인 DNA

아시안 풍미를 두려움 없이 기념하는 대담한 만화책 스타일의 푸드 브랜드.

02

컬러

따뜻하고 은은한 사진과 부드러운 파스텔 배경 위에 고채도 오렌지와 옐로우 액센트를 사용합니다.

03

타이포그래피

display-serif · sans-serif

• display64px · 500
• headline42px · 500
• body16px · 400

헤드라인에는 대담하고 압축된 디스플레이 세리프를 사용합니다. · 본문에는 깔끔한 산세리프를 사용합니다. · 강조를 위해 대문자를 자주 사용합니다.

04

여백

대담한 비주얼과 타이포그래피가 숨 쉴 수 있도록 섹션 사이에 넉넉한 간격을 둡니다.

05

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

이미지 주위에 얇은 검은색 테두리와 콜아웃을 위한 두꺼운 만화책 스타일의 스타버스트 모양을 사용합니다.

06

레이아웃

풀 너비 히어로 이미지 뒤에 제품 사진과 에디토리얼 인용구의 그리드가 이어집니다.

07

모션과 인터랙션

hover 상태에 부드러운 전환 · scroll 시 동적인 transform 효과

커서가 포인터로 변경; 인터랙티브 요소에 미세한 스케일 또는 색상 변화. · 활성 상태로 즉각적인 시각적 피드백.

08

컴포넌트

• button 대담하고 대문자의 텍스트 링크 또는 단색 버튼.
• card 엄격한 경계 상자 없이 고품질 사진으로 제시되는 제품 패키징.
• chip 고대비 텍스트를 사용하는 만화책 스타일 스타버스트 콜아웃.
• hero 제품이 현실적인 환경에 배치된 풀 너비 라이프스타일 사진에 두드러진 스타버스트 오버레이를 적용합니다.

09

보이스와 금지 목록

• 톤 자신감 있고, 대담하며, 열정적입니다.
• 헤드라인 자랑스럽고 + 시끄럽게
• CTA 직설적이고 행동 지향적입니다.

• 은은한 파스텔을 주요 팔레트로 사용하지 마세요 — 스크린샷은 활기차고 고채도의 오렌지와 옐로우를 보여줍니다.
• 헤드라인에 표준 기하학적 산세리프를 사용하지 마세요 — 스크린샷은 대담하고 압축된 디스플레이 세리프를 보여줍니다.
• 미세한 드롭.shadow를 사용하지 마세요 — 스크린샷은 단단하고 만화책 스타일의 그래픽 요소를 보여줍니다.
• 미니멀 레이아웃을 사용하지 마세요 — 스크린샷은 밀도 높고 표현력 있는 이미지와 텍스트를 보여줍니다.
• 소문자 텍스트만 사용하지 마세요 — 스크린샷은 강조를 위해 대문자를 자주 사용함을 보여줍니다.
• 중립적인 색상 구성을 사용하지 마세요 — 스크린샷은 따뜻하고 에너제틱한 팔레트를 보여줍니다.
• 피하기: 풍미를 약하게 만들기
• 피하기: 지나치게 기업적인 언어 사용
• 피하기: 색상을 은은하게 사용하기

10

팩 안의 실제 스크린샷

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

11

System Prompt

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