큐레이션 · 오픈 · 무료

Fly By Jing

대담하고 표현력 있으며 거침없이 스파이시한 브랜딩의 프리미엄 사천 pantry staples.

01

디자인 DNA

프리미엄 패키징과 현대적인 DTC 브랜딩으로 격상된, 활기차고 대담한 길거리 음식 시장 가판대.

02

컬러

풍미와 에너지를 전달하기 위해 활기찬 레드, 옐로우, 대담한 블랙을 사용하는 고채도, 스파이시 기반의 팔레트.

03

타이포그래피

grotesque-sans · transitional-serif

• display88px · 700
• heading44px · 700
• body22px · 400

모든 주요 내비게이션과 액션 레이블은 대문자로 표시 · 레드 배경에 대비 높은 화이트 텍스트 사용 · 타이트하고 대담한 타이포그래피 계층 유지

04

여백

대형 타이포그래피와 사진이 숨쉴 수 있도록 섹션에 넉넉한 수직 패딩(44px)을 적용.

05

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

rgb(204, 204, 204) 0px 0px 2px 2px

06

레이아웃

중앙 정렬된 타이포그래피 또는 이미지/텍스트 나란히 배치 레이아웃의 풀폭 히어로 섹션으로 구성되며, 모바일에서는 스택된 컬럼으로 전환.

07

모션과 인터랙션

인터랙티브 요소에서의 매끄러운 색상 및 배경색 전환 · hover/click 시 미세한 스케일 및 변환 효과

버튼과 링크에서의 색상 변화 또는 미세한 배경 이동. · 미세한 변환 또는 상태 변화를 통한 즉각적인 시각적 피드백.

08

컴포넌트

• button 대담한 대문자 텍스트 레이블, 주로 높은 대비 색상의 알약 모양(큰 border-radius) 또는 직사각형 배경과 함께 사용.
• card 넉넉한 내부 패딩의 간단한 컨테이너, 주로 음식 사진을 전시.
• chip 해당 없음
• input 미세한 테두리의 간단한 텍스트 필드.
• hero 중앙 정렬 또는 좌측 정렬된 대담하고 거대한 헤드라인을 갖춘 몰입감 있는 풀블리드 배경색 또는 대형 제품 사진.

09

보이스와 금지 목록

• 톤 자신감 있고, 대담하며, 표현력 있고, 약간의 장난기 있는 톤.
• 헤드라인 짧고 강렬하며 명령형이고, 시각적으로 뛰어남.
• CTA 직접적이고, 행동 지향적이며, 항상 대문자.

• 헤드라인에 얇거나 가벼운 폰트 웨이트를 사용하지 마세요 — 스크린샷은 모든 주요 제목에 두껍고 대담한 700 웨이트 grotesque-sans를 사용하는 것을 보여줍니다.
• 작고 절제된 타이포그래피를 사용하지 마세요 — 스크린샷은 거대하고 타이트하게 설정된 디스플레이 타입(88px 이상)을 사용하는 것을 보여줍니다.
• 중립적이고 단색 팔레트에 의존하지 마세요 — 스크린샷은 고채도 레드(#E52228)와 옐로우(#FFCD35)로 지배됩니다.
• 전시용으로 우아하고 대비 높은 세리프 폰트를 사용하지 마세요 — 스크린샷은 헤드라인에 대담한 grotesque-sans를 사용합니다.
• 내비게이션에 일반 대소문자를 사용하지 마세요 — 스크린샷은 메뉴 항목과 카테고리 링크에 모든 대문자 텍스트를 사용하는 것을 보여줍니다.
• 주요 구분을 위해 얇은 1px 테두리를 사용하지 마세요 — 스크린샷은 활기찬 색상의 단색 블록에 의존합니다.
• 피하기: 미세하거나 무채색의 언어
• 피하기: 작고 섬세한 타이포그래피
• 피하기: 절제된 팔레트
• 피하기: 복잡한 다중 단어 헤드라인
• 피하기: 전시용 필기체 또는 우아한 세리프 폰트
• 피하기: 대담한 색상 없이 많은 여백

10

팩 안의 실제 스크린샷

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

11

System Prompt

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