COS
흰 벽으로 꾸며진 트렌디한 갤러리
COS는 현대 미술관의 시각적 문법을 활용합니다. 드넓은 흰 벽, 대형 흑백 사진, 그리고 모델을 방해하지 않는 타이포그래피가 특징입니다. 인터페이스는 거의 무채색이며, 순백색(#ffffff) 바탕에 거의 검정색(#080808)을 사용하여 유일한 구조적 대비를 이루고, 긴급하지만 노골적이지 않아야 할 순간에 미묘한 악센트로 빨간색(#c80000)을 살짝 더했습니다. 여백은 넉넉하고 편집에 적합하며, 섹션 들여쓰기는 최대 135px에 달합니다. 구성 요소들은 페이지에 자연스럽게 녹아듭니다. #dadada 색상의 얇은 테두리, 그림자, 그라데이션, 둥근 모서리는 없습니다. 유일한 장식은 타이포그래피(SuisseIntl)입니다. 12px 크기의 마이크로 레이블부터 35px 크기의 카테고리 설명까지 일관되게 사용되는 단일 그로테스크 폰트 패밀리는 미술관의 서체를 연상시키도록 약간 양의 방향으로 기울어져 있습니다.
페이지 전체를 활용하는 모델로, 캔버스는 최대 너비 컨테이너 없이 가장자리까지 확장되며, 콘텐츠는 중앙 열 대신 구분 이미지와 여백으로 고정됩니다. 히어로 이미지는 두 개의 전체 너비 편집 인물 사진을 50/50으로 세로로 분할한 형태로, 브랜드의 구조적 특징을 보여주는 핵심 요소입니다. 히어로 이미지 아래에는 흰색 배경의 텍스트 블록(중앙 정렬, 단일 열)과 추가적인 전체 높이 이미지가 번갈아 배치됩니다. 세로 방향의 리듬은 여유로운 느낌을 주며, 섹션 사이의 간격은 마치 박물관 벽면처럼 공간감을 조성합니다. 내비게이션은 중앙에 로고가 있고 오른쪽에 정렬된 지역 선택기가 있는 얇은 흰색 막대 하나로 구성되어 있으며, 가로 카테고리 바 또는 메인 프레임에 메가 메뉴가 보이지 않습니다. 정보 밀도는 낮습니다. 각 섹션에는 하나의 설명, 하나의 아이디어만 제시됩니다.
대형 화보 사진들이 지면을 가득 채우고 있는데, 스튜디오 조명 아래에서 촬영된 모델들의 전신 사진과 상반신 사진들이 주를 이루며, 따뜻한 색조를 띤 차분한 색감이 주를 이룹니다. 사진들은 모서리를 둥글게 처리하거나, 장식적인 마스크나 겹쳐진 프레임 없이, 지면을 꽉 채우고 있습니다. 대표적인 기법은 "두 인물을 나란히 배치한"(MUJER / HOMBRE) 구도입니다. 똑같이 중요한 두 인물 사진이 나란히 배치되고, 각각의 사진 왼쪽 하단에는 카테고리 태그가 하나씩 적혀 있습니다. 사진들은 마치 갤러리 전시품처럼 액자에 담겨 있으며, 피사체가 두드러지고, 배경이나 인물의 크기는 배제되고, 색감은 흑백입니다. 일상생활의 장면이나 소품, 질감이 있는 배경은 찾아볼 수 없습니다.
팔레트
중립적
- Canvas White
#ffffff— 눈에 거슬리지 않는 배경을 만들고 섹션을 구분하는 데 사용할 수 있는 가벼운 보조 색상입니다. 행동 유도 문구의 주요 색상으로 사용해서는 안 됩니다. - Ink Black
#080808— 본문 텍스트, 아이콘, 링크, 탐색 유형, 버튼 테두리, 로고, 바닥글 텍스트는 사진이 너무 선명하게 보이지 않도록 순수한 검정색보다 부드러운 색상을 사용합니다. - True Black
#000000— 어두운 이미지 위에 주요 텍스트를 겹쳐 표시하거나, 본문 텍스트, 버튼 레이블을 표시할 때, 순수한 검정색은 가장 대비가 강한 타이포그래피 요소에만 사용됩니다. - Mist Gray
#dadada— 은은한 테두리, 밑줄이 그어진 입력 필드, 미묘한 구분선, 비활성화 시 윤곽선 표시 등, 가장 차분한 중립적 색조는 구분하는 대상에 의해서만 드러납니다. - Signal Red
#c80000— 붉은색은 장식적인 디테일을 강조하고 저주파를 부각하는 데 추가적인 악센트 역할을 합니다.
타이포그래피
12픽셀에서 35픽셀로 · 3단계
- SuisseIntl — 대사: Neue Haas Grotesk Display · 요점 400, 500, 700 · 인터페이스 전체에 걸쳐 내비게이션, 본문, 제목, 버튼, 제품 설명에 단일 글꼴이 사용되었습니다. 화면 글꼴에서는 흔치 않은 양수 자간(0.01~0.04em)은 인쇄된 카탈로그와 같은 느낌을 강화합니다. 카테고리 설명에는 700, 내비게이션 및 버튼에는 500, 그 외 모든 요소에는 400의 굵기가 사용되었습니다. 단일 글꼴 패밀리와 매우 좁은 크기 범위(12~35px)를 통해 브랜드 일관성을 유지했으며, 글꼴이 과도하게 눈에 띄지 않도록 했습니다.
간격과 형태
| 목적 | 의미 |
|---|---|
| 밀도 | 넓은 |
| 기본 단계 | 8px |
| 버튼 반경 | 0px |
| 카드 반경 | 0px |
| 그림자 | 아니요 - 그림자 대신 테두리를 사용합니다. |
| 구간 사이 | 135px |
AI가 COS 스타일로 웹사이트를 구축하고 내용을 채워줍니다.
- 제품 및 게시물을 링크를 통해 Instagram, TikTok, Facebook 에 올려주세요.
- 이전 사이트의 콘텐츠를 전송하세요. 주소만 지정하면 됩니다.
- 최신 디자인과 최고의 엔진인 React ( Next.js)를 기반으로 서버 렌더링 및 SEO 최적화 기능을 기본 제공합니다.
- 검색 결과 최적화 및 신경망 기반 추천 기능을 완벽하게 자동화했습니다.
비슷한 스타일
- Airbnb — 산호색 책갈피 하나가 놓인 조용한 흰색 갤러리 벽
- Apple (España) — 흰색 갤러리 디스플레이 케이스
- Silencio — 하얀 방 안에는 떠다니는 유물들이 놓여 있다. 따뜻한 색감의 종이로 만들어진 전시 공간은 각각의 요소들이 음영 배경 위에 자리 잡고 있으며, 이러한 침묵은 의도적인 디자인 요소이다.
- Oakâme — 따스한 돌로 지어진 햇살 가득한 프로방스풍 작업장
- Nike — 흑백으로 표현된 스포츠 업적 갤러리 – 흰 벽, 예술 작품으로서의 제품, 배경에 녹아든 크롬 소재
- Arc — 한밤중의 물 위로 펼쳐진 산업적인 흰색 갤러리
- Rivian — 갤러리 콘크리트 벽 위에 세워진 전기 모놀리스. 리비안은 각각의 차량을 광활한 흰색 공간을 배경으로 한 조각품처럼 전시하며, 건축적 요소처럼 보이는 거대한 타이포그래피와 무광택 표면에 비치는 햇빛처럼 단조로운 분위기를 깨뜨리는 따뜻한 노란색 한 줄을 더했다.
- Analogue — 검은색 갤러리 진열장 – 상품들이 허공에 떠 있는 듯하다
- ddna — 가공하지 않은 린넨 소재의 따뜻한 박물관 전시 케이스
- Zellerfeld — 흰 대리석으로 만들어진 조각가의 작업실—받침대의 견고한 표면, 코발트빛 한 줄기, 바닥에서 천장까지 이어지는 소문자들의 속삭임
- UY Studio — 수도원의 석조 복도는 콘크리트 벽으로 둘러싸인 조용한 공간으로, 흰색 받침대 위에 향수병들이 놓여 있고, 400와트 램프 하나와 따뜻한 회색 전구 네 개가 그 공간을 밝히고 있다.
- Basic.Space — 흰색 대리석으로 꾸며진 큐레이터 갤러리