LUNCH
따뜻한 양피지 위의 벨벳 연단
LUNCH CONCEPT는 마치 인쇄된 패션 화보를 웹으로 옮겨놓은 듯한 느낌을 줍니다. 어두운 색상의 전면 사진에는 브랜드 로고가 크롬 악센트가 들어간 확대된 3D 텍스트로 표현되어 있고, 그 뒤로는 따뜻한 느낌의 양피지 배경에 차분한 카탈로그 스타일의 제품 갤러리가 펼쳐집니다. 페이지는 영화적인 대립과 조용한 절제가 번갈아 나타나는데, 메인 사진은 강렬하게 다가오고, 메인 섹션은 속삭이듯 차분합니다. 은은한 라벤더 색상은 광고 문구, "품절" 표시, 그리고 푸터에만 사용되어 브랜드의 정체성을 강조하는 역할을 합니다. 시그니처 산세리프체(Good Sans)는 주로 적당한 크기로 사용되며, 메인 로고만이 유일하게 화려한 타이포그래피를 보여줍니다. 상호작용은 오직 텍스트 링크를 통해서만 이루어지며, 채워진 버튼이나 그라데이션, 장식적인 크롬 요소는 메인 사진의 3D 로고를 제외하고는 전혀 사용되지 않았습니다.
중앙 정렬된 콘텐츠 섹션의 최대 너비는 약 1280px이며, 페이지 제목은 페이지 전체 너비(뷰포트 높이)를 차지합니다. 페이지 레이아웃은 다음과 같습니다. 페이지 전체 너비(뷰포트 높이)를 차지하는 어두운 페이지 제목 → 어두운 배경에 중앙 정렬된 소개 텍스트 → 동일한 배경에 4~5열 제품 그리드 → 연보라색 푸터 스트립. 내비게이션은 페이지 제목 위(어두운 배경에 밝은 텍스트)와 소개 텍스트 위(밝은 배경에 어두운 텍스트)에 얇은 텍스트 스트립 형태로 배치됩니다. 제품 그리드는 이미지 간 들여쓰기나 시각적 분리 없이 내부 정렬된 밀집 레이아웃을 사용합니다. 소개 텍스트는 폭이 좁은 중앙 정렬 열(약 600~700px)이며, 위아래로 60~80px의 충분한 세로 여백이 있습니다. 전체적인 밀도는 편집 섹션에서는 여유롭고, 제품 그리드에서는 압축되어 있습니다.
패션 화보 사진이 디자인의 중심을 이룹니다. 메인 이미지는 어둡고 대비가 강한 모델 사진(차분한 스튜디오 조명, 아방가르드 스타일링 - 붉은 가죽 코르셋, 체크무늬, 강렬한 포즈)으로 구성되어 있으며, 그리드에는 깔끔한 제품/룩북 사진이 평면적이고 중립적인 배경(모델과 제품은 밝은 회색/흰색 배경에서 촬영되었으며, 라이프스타일 맥락은 없음)에 배치되어 있습니다. 이미지들은 가장자리가 선명하고, 곡률 반경이 0이며, 그리드 내 인접한 이미지들과 밀접하게 정렬되어 있습니다. 메인 이미지는 뷰포트의 네 변을 모두 차지하며, 3D 크롬 로고가 메인 이미지 위에 겹쳐져 있습니다. 그리드 내 제품 이미지는 전체 행에 걸쳐 일정한 높이 대 너비 비율을 유지합니다. 최소한의 텍스트 내비게이션을 제외하고는 일러스트레이션이나 아이콘이 없습니다. 시각적 언어는 "잘 찍고, 선명하게 자르고, 사진 자체가 브랜드의 얼굴이 되도록 하라"는 것입니다.
팔레트
상표
- Lilac Veil
#b8aad0— 배경 강조, 장식 줄무늬 및 콘텐츠 뒤의 은은한 악센트에 보라색을 채웁니다.
중립적
- Ink Black
#000000— 본문 텍스트, 탐색 텍스트, 링크 테두리, 카드 테두리 및 아이콘 테두리는 전체 인터페이스의 구조적 선을 형성합니다. - Warm Parchment
#f4f1e4— 편집/제품 영역의 페이지와 섹션 배경은 차분한 배경으로, 그 위에 제품 사진이 배치됩니다. - Ivory Mist
#fcfaf1— 어두운 메인 요소 위에 있는 내비게이션 텍스트의 색상, 은은한 질감, 그리고 섬세한 테두리는 어두운 영역의 UI에 순백색보다 따뜻한 느낌을 더해줍니다.
타이포그래피
12px에서 72px로 · 5단계
- Good Sans — 대사: Söhne · 요점 400, 700 · 내비게이션, 본문, 제품 메타데이터, 링크 및 모든 UI 텍스트에 사용할 수 있는 범용 서체입니다. 이중 굵기 시스템(본문/제목에는 일반 400, 브랜드명, 가격 및 강조 표시에는 굵은 700)을 통해 크기를 늘리지 않고도 계층 구조를 만듭니다. 거의 0에 가까운 자간은 기하학적 형태보다는 편집적인 느낌을 줍니다.
- Redaction — 대사: GT Sectra Display Bold · 요점 700 · 본문 텍스트 전용 - 이 글꼴은 전체 화면 본문 텍스트의 기본이 되는 크고 화려한 "LUNCH" 텍스트에 사용되는 사용자 지정 글꼴입니다. 페이지당 한 번만 사용되며, 재사용 가능한 구성 요소가 아닌 고유한 타이포그래피 특징입니다.
간격과 형태
| 목적 | 의미 |
|---|---|
| 밀도 | 밀집한 |
| 기본 단계 | 20-30px |
| 버튼 반경 | 0px |
| 카드 반경 | 0px |
| 그림자 | 아니요 - 그림자 대신 테두리를 사용합니다. |
| 구간 사이 | 60-80px |
| 페이지 너비 | 1280px |
AI가 LUNCH 스타일로 웹사이트를 구축하고 내용을 채워줍니다.
- 제품 및 게시물을 링크를 통해 Instagram, TikTok, Facebook 에 올려주세요.
- 이전 사이트의 콘텐츠를 전송하세요. 주소만 지정하면 됩니다.
- 최신 디자인과 최고의 엔진인 React ( Next.js)를 기반으로 서버 렌더링 및 SEO 최적화 기능을 기본 제공합니다.
- 검색 결과 최적화 및 신경망 기반 추천 기능을 완벽하게 자동화했습니다.
비슷한 스타일
- MindMarket — 크림색 종이에 인쇄된 아늑한 동화책은, 커다란 인터(Inter) 헤드라인과 오려낸 종이 캐릭터들이 햇살 가득한 부드러운 스티커 표면 위에 조화롭게 어우러진 친근한 편집 공간을 제공합니다.
- Lamborghini — 쇼룸에서 조명 아래 검은색 차체로 서 있는 노란색 차 한 대
- amp — 따뜻한 오렌지색과 시원한 흰색 배경의 조화. 햇살 가득한 로프트에서 촬영한 고급 피트니스 제품 사진을 연상시키는 디자인입니다. 단 하나의 아이템, 단 하나의 포인트, 그리고 자신감 넘치는 폰트 하나로 모든 것을 표현해냅니다.
- IKEA — 햇살이 쏟아지는 스웨덴 가구 쇼룸이 해체된 형태로 전시되어 있다.
- Microsoft — 소매 카탈로그는 시그니처 컬러인 파란색을 사용합니다. 하얀색 쇼룸 바닥에 정사각형 로고가 있고 모든 디자인 요소가 파란색이라고 상상해 보세요.
- Vibrants — 하얀 대리석 위에 쓰인 스카이본 약국 - 짙은 파란색 잉크는 접착제이고 무지개 스펙트럼은 약을 나타냅니다.
- Isla Beauty — 부드러운 약국 스타일에 수술용 붉은색으로 포인트를 주었습니다. 따뜻한 양피지 벽, 호박색 병, 그리고 모든 라벨에 찍힌 빨간색 도장을 떠올려 보세요.
- Swap — 민트 에디토리얼 갤러리: 밝은 라임색 포인트와 은은한 세리프체가 돋보이는 공간에 어울리는 연한 세이지 색조
- Cursor — 타오르는 숯불 불빛 아래 아늑한 양피지 작업실
- Structured — 찰흙 같은 종이에 그려진 르네상스 갤러리
- Apple (España) — 부드러운 자연광이 비추는 박물관 전시실은 매혹적이고 가벼운 하얀 공간으로, 은은하게 색이 들어간 벽을 배경으로 각 전시품이 스포트라이트를 받아 밝게 빛나고 있다.
- Amplemarket — 색종이 조각이 흩뿌려진, 햇살이 쏟아지는 작업 공간