큐레이션 · 오픈 · 무료

Lunchconcept

대담한 에디토리얼 사진과 날카로운 타이포그래피를 갖춘 큐레이션 중심 패션 플랫폼.

01

디자인 DNA

갤러리가 큐레이션한 하이엔드 패션 매거진

02

컬러

따뜻한 오프화이트 베이스에 단 하나의 대담한 레드 포인트로 상태를 표시하는 고대비 에디토리얼 팔레트.

03

타이포그래피

high-contrast-serif · humanist-sans

• display120px · 400
• heading32px · 700
• body12px · 400

04

여백

좁은 에디토리얼 간격과 큰 요소 주위의 넉넉한 화이트스페이스

05

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

페이지 섹션 하단에 1px solid black

06

레이아웃

풀블리드 사진에 이어지는 엄격하고 빽빽한 다단계 제품 그리드.

07

모션과 인터랙션

호버 및 최상위 내비게이션의 부드러운 트랜지션

부드러운 색상 또는 불투명도 트랜지션이 적용된 커서 포인터 · 무거운 로딩 애니메이션 없이 즉시 상태 변경

08

컴포넌트

• button 대문자 스타일의 텍스트 기반 내비게이션 링크
• card 이미지, 디자이너명, 제품명, 가격으로 구성된 보더 없는 제품 카드
• chip 밝은 레드 텍스트의 Sold Out 상태 표시
• hero 겹쳐진 거대한 3D 메탈릭 타이포그래피가 있는 풀뷰포트 이미지

09

보이스와 금지 목록

• 톤 직설적, 미니멀리스틱, 권위적
• 헤드라인 짧고, 볼드하고, 대문자이며, 강렬한
• CTA 돋보이는 버튼보다는 절제된 텍스트 링크

• 둥근 모서리 사용 금지 — 스크린샷은 전체적으로 엄격한 90도 각도의 날카로운 엣지를 보여줌
• 다채로운 배경 사용 금지 — 스크린샷은 일관된 따뜻한 오프화이트(#F4F1E4) 베이스를 보여줌
• 캐주얼한 산세리프 폰트 사용 금지 — 스크린샷은 고대비 세리프와 클린한 휴머니스트 산세리프의 혼용을 보여줌
• 드롭 섀도우 사용 금지 — 스크린샷은 완전히 플랫하고 보더 없는 제품 카드를 보여줌
• 밝은 다색 악센트 사용 금지 — 스크린샷은 상태 표시에 단 하나의 특정 레드(#FF0000) 사용만 보여줌
• 본문 콘텐츠에 중앙 정렬 텍스트 사용 금지 — 스크린샷은 엄격한 좌정렬 에디토리얼 구조를 보여줌
• 피하기: 지저분한 레이아웃
• 피하기: 과도한 프로모션 텍스트
• 피하기: 장난스럽거나 둥근 요소

10

팩 안의 실제 스크린샷

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

11

System Prompt

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