FARFETCH España
'화이트 큐브' 스타일의 패션 갤러리. 벽, 바닥, 비품이 모두 새하얀 흰색으로 칠해져 있고, 오직 옷과 그 옷을 입은 사람들만이 모든 색감, 질감, 시각적 표현을 만들어내는 고급 매장을 상상해 보세요.
Farfetch는 마치 "화이트 큐브" 패션 갤러리처럼 기능합니다. 인터페이스는 거의 색상이 없어 에디토리얼 사진이 모든 시각적 결정을 좌우합니다. 타이포그래피가 구조적인 역할을 담당하는데, 맞춤 디자인된 기하학적 산세리프체(Farfetch Basis)는 400과 700의 굵기로 사용되고, 섹션 제목과 로고는 텍스트를 구성 요소로 다루는 세리프체로 표현됩니다. 레이아웃은 건축적인 구조를 띠고 있습니다. 중앙에 배치된 전체 너비의 콘텐츠, 엄격한 3단 및 4단 제품 그리드, 섹션 배치를 위한 충분한 공간(48~72px), 그리고 장식적인 요소가 전혀 없습니다. 검색에는 미묘한 밑줄이 표시되고, 내비게이션 링크는 숨겨져 있으며, 이미지 아래에는 대문자로 표기된 카테고리 이름이 있고, 제품 타일에는 그림자나 테두리가 없습니다. 시스템에서 유일하게 색상이 있는 것은 사진 자체입니다. 인터페이스는 프레임일 뿐, 이미지 자체가 아닙니다.
이 페이지는 중앙 정렬된 전체 너비 레이아웃을 특징으로 하며 최대 콘텐츠 너비는 약 1280px입니다. 헤더는 얇은 3영역 패널(왼쪽에는 카테고리 탐색, 중앙에 위치한 텍스트 표시, 오른쪽에는 보조 아이콘)이며, 그 아래 오른쪽에 검색 필드가 있습니다. 첫 번째 섹션은 전체 너비의 카테고리 타일(여성, 남성, 아동)이 3열 그리드로 배열되어 있으며, 각 타일에는 오버레이 레이블이 있습니다. 각 카테고리 섹션 아래에는 제품 카테고리 카드(신상품, 의류, 바지, 신발)가 4열 그리드로 배열되어 있으며 모든 제목은 대문자로 표시됩니다. 섹션 제목은 중앙에 정렬되어 있으며 위아래로 약 48px의 세로 들여쓰기가 있는 글꼴로 작성되었습니다. 배경색은 교차하는 줄무늬 없이 페이지 전체가 단색 흰색입니다. 바닥글은 #222222 색상의 어두운 줄무늬로 반전되어 있습니다. 탐색 메뉴는 고정 요소, 메가 메뉴, 사이드바가 없는 최소한의 상단 바입니다.
시각 시스템은 패션 화보 사진이 주를 이룹니다. 페이지 전체를 채우는 크고 고해상도의 이미지에는 건축적인 인테리어 속 모델과 제품 클로즈업 사진이 담겨 있습니다. 사진 자체는 차분하고 채도가 낮은 색조로 표현됩니다. 콘크리트 벽, 천연석, 중성적인 인테리어, 부드럽고 자연스러운 자연광이 활용됩니다. 모델은 상반신 또는 전신으로 촬영되며, 전자상거래 카탈로그에서 흔히 볼 수 있는 딱딱한 포즈가 아닌 화보에서 볼 법한 자연스러운 포즈를 취합니다. 제품 이미지(가방, 신발)는 회색이나 돌과 같은 중성적인 배경에 분리되어 제시되며, 라이프스타일 맥락은 배제됩니다. 제품 자체가 주인공입니다. 인터페이스는 아이콘, 홍보 스티커, 장식 프레임 등 시각적 요소를 전혀 추가하지 않습니다. 모든 시각적 풍부함은 디자인 시스템이 아닌 사진 부서에서 비롯됩니다.
팔레트
중립적
- Carbon
#222222— 본문 텍스트, 페이지 텍스트, 탐색 링크, 아이콘, 로고, 바닥글, 그리고 전체 흑백 시스템에 거의 검정색에 가까운 색조를 사용했습니다. - Paper
#ffffff— 페이지 캔버스, 카드 배경 이미지, 제품 타일 표면, 입력 필드 및 주요 배경은 사진을 유일한 색상 포인트로 만듭니다. - Ash Gray
#b6b6b6— 아이콘에 미묘한 테두리를 추가하고, 배경에 검색 결과에 밑줄을 긋고, 입력 필드에 희미한 텍스트 자리 표시자를 넣는 등, 가장 눈에 띄지 않는 옵션이지만 텍스트에 중립적인 것은 아닙니다. - Stone
#f5f5f5— 탐색 모음에 마우스 오버 전환 효과, 하위 패널 및 광고 배경에 보조 표면 색조, 스택에서 가장 부드러운 전환 효과. - Graphite
#727272— 도움말 텍스트, 비활성화된 양식 테두리 및 비활성화된 아이콘 윤곽선은 가독성을 해치지 않으면서 강조를 줄였음을 나타내는 중간 회색으로 표시됩니다. - Smoke
#e6e6e6— 제품 진열대 사이사이에 미묘한 구분선이 있어, 전체적으로 매끄러운 레이아웃 속에서 거의 눈에 띄지 않는 구조적 선으로 작용합니다.
타이포그래피
13픽셀에서 30픽셀로 · 3단계
- Farfetch Basis — 대사: Söhne (paid) or Inter (free) — both share the geometric humanist proportions; Inter as the practical open-source fallback · 요점 400, 700 · 맞춤 디자인된 기하학적 산세리프 서체가 사용자에게 표시되는 모든 요소에 사용됩니다. 내비게이션 링크는 13~15px/400, 본문 및 제품 설명은 15px/400, 섹션 제목은 22~30px/400, 그리고 FARFETCH 로고는 700으로 설정되었습니다. 400 사이즈의 제목을 사용한 것은 굵은 획을 의도적으로 배제한 결과입니다. 섹션 제목은 일반적이고 자신감 있으면서도 지나치게 굵지 않은 굵기를 유지하고, 700 사이즈는 로고와 가장 표현력이 풍부한 카테고리 이름에 사용됩니다. 이러한 특수한 기하학적 형태는 균일한 획 대비와 표준 헬베티카 서체로는 표현할 수 없는 은은하고 인간적인 따뜻함을 선사합니다.
간격과 형태
| 목적 | 의미 |
|---|---|
| 밀도 | 밀집한 |
| 기본 단계 | 24px |
| 버튼 반경 | 0px |
| 카드 반경 | 0px |
| 그림자 | 아니요 - 그림자 대신 테두리를 사용합니다. |
| 구간 사이 | 48-72px |
| 페이지 너비 | 1280px |
AI가 FARFETCH España 스타일로 웹사이트를 구축하고 내용을 채워줍니다.
- 제품 및 게시물을 링크를 통해 Instagram, TikTok, Facebook 에 올려주세요.
- 이전 사이트의 콘텐츠를 전송하세요. 주소만 지정하면 됩니다.
- 최신 디자인과 최고의 엔진인 React ( Next.js)를 기반으로 서버 렌더링 및 SEO 최적화 기능을 기본 제공합니다.
- 검색 결과 최적화 및 신경망 기반 추천 기능을 완벽하게 자동화했습니다.
비슷한 스타일
- MAKR — 수공예 가죽 제품을 전시하는 박물관 진열장. 조용하고 온통 하얀 공간에는 따뜻한 검정 잉크로 쓰인 라벨이 가죽 제품을 손에 들고 있거나 풍경을 배경으로 찍은 커다란 사진들 아래에 떠 있는 듯하며, 유일한 색상 대비는 은은한 세이지 색 줄무늬뿐이다.
- Franco Maria Ricci Editore — 아르데코 갤러리 카탈로그 - 깨끗한 흰색 양피지에 윤기 나는 금박 선
- Laura Monin — 편집 갤러리 벽, 흰색 대리석, 잉크 스탬프
- OhDada — 편집 갤러리 벽
- Cursor — 타오르는 숯불 불빛 아래 아늑한 양피지 작업실
- Structured — 찰흙 같은 종이에 그려진 르네상스 갤러리
- MindMarket — 크림색 종이에 인쇄된 아늑한 동화책은, 커다란 인터(Inter) 헤드라인과 오려낸 종이 캐릭터들이 햇살 가득한 부드러운 스티커 표면 위에 조화롭게 어우러진 친근한 편집 공간을 제공합니다.
- Airbnb — 산호색 책갈피 하나가 놓인 조용한 흰색 갤러리 벽
- Apple (España) — 부드러운 자연광이 비추는 박물관 전시실은 매혹적이고 가벼운 하얀 공간으로, 은은하게 색이 들어간 벽을 배경으로 각 전시품이 스포트라이트를 받아 밝게 빛나고 있다.
- Lamborghini — 쇼룸에서 조명 아래 검은색 차체로 서 있는 노란색 차 한 대
- Amplemarket — 색종이 조각이 흩뿌려진, 햇살이 쏟아지는 작업 공간
- Getharvest — 황금 시간대의 책상 – 따뜻한 크림색 캔버스, 캔버스에 걸린 하얀 엽서들, 그리고 선명한 오렌지색 불꽃 하나