Custo
건메탈 색상의 갤러리에 거대한 글꼴이 눈에 띈다. 은은한 회록색 톤의 쇼룸에는 어두운 색상의 오브제 하나와 57px 크기의 글꼴이 그 자체로 모든 것을 말해준다.
쿠스토는 산업 제품을 전시하는 갤러리와 같습니다. 따뜻한 금속성 캔버스가 제품의 배경 역할을 하고, 대형 타이포그래피가 주요 시각적 장식 요소로 작용합니다. 이 시스템은 엄격하게 무채색으로 구성되어 있어, 어두운 아노다이징 처리된 레터박스와 단일 산세리프 서체의 기하학적 무게감만으로 브랜드의 모든 개성을 전달합니다. 각 화면은 넓은 여백과 웅장한 타이포그래피의 균형을 이루며, 브랜드 마크는 마치 건축적인 요소처럼 반복적으로 배치되어 있습니다. 표면은 평평하고 무광택이며, 깊이감은 그림자나 그라데이션이 아닌 제품 자체의 반사율을 통해 표현됩니다.
페이지 레이아웃은 세로로 배열된 단일 열 구조이며, 최대 콘텐츠 너비는 약 1280px이고 뷰포트 중앙에 배치됩니다. 메인 페이지 요소는 페이지 전체 너비를 차지하며, Canvas Gunmetal #9ea29f 색상으로 테두리까지 채워져 있습니다. 오른쪽 중앙에는 우편함 사진이, 하단에는 57px 크기의 CUSTO® 로고가 자리 잡고 있습니다. 메인 요소 아래에는 섹션들이 번갈아 배치됩니다. 왼쪽에는 작은 캡션, 오른쪽에는 큰 제목이 있는 두 열 텍스트 블록이 있고, 그 다음에는 세 개의 제품 이미지 카드가 가로로 배열된 그리드가 있으며, 마지막으로 텍스트와 이미지가 두 열로 배열된 행이 있습니다. 각 섹션 사이에는 110px의 간격이 있어 충분한 세로 공간을 제공합니다. 내비게이션은 스크롤하면 Paper White 색상으로 서서히 변하는 투명한 상단 바입니다. CES 아이콘은 오른쪽 하단에 고정된 플로팅 요소로 배치되어 있습니다. 전체적인 구성은 갤러리처럼 각 섹션에 최소한의 요소만 배치하고, 큰 글꼴과 넓은 여백을 활용하며, 텍스트 블록 사이에 제품 사진을 시각적 포인트로 배치했습니다.
이 이미지들은 Custo 우편함의 제품 사진으로, 세 가지 모드로 촬영되었습니다. 금속 프레임을 배경으로 한 전신 사진, 사용자가 우편함을 사용하는 모습을 담은 라이프스타일 사진, 그리고 스캔 인터페이스와 LED 링의 클로즈업 사진입니다. 모든 사진은 차분한 고대비 톤으로 표현되었으며, 우편함의 무광 검정 마감이 시각적 중심 역할을 합니다. 일러스트레이션, 추상적인 그래픽 또는 스톡 사진은 전혀 사용되지 않았습니다. 사진은 8픽셀 반경의 카드에 배치되거나 57픽셀 로고 뒤에 전체 화면으로 사용됩니다. CES 아이콘은 웹사이트 전체에서 유일하게 다채로운 색상을 사용한 이미지입니다.
팔레트
중립적
- Canvas Gunmetal
#9ea29f— 메인 섹션과 테마 섹션의 따뜻한 회록색 배경은 Custo를 일반적인 흰색 SaaS 템플릿과 차별화하며, 디지털 표면보다는 건축용 콘크리트와 같은 느낌을 줍니다. - Obsidian
#000000— 본문 텍스트, 얇은 테두리, 아이콘 테두리 - 시스템에서 가장 대비가 높은 잉크로, 제목 및 구조적 구분선에 사용됩니다. - Paper White
#ffffff— 신체 부위 배경 이미지, 건메탈 캔버스에 반전된 텍스트, 제품 사진의 어두운 배경에 있는 텍스트. - Anodized Graphite
#4b514d— 제품 사진 촬영을 위한 어두운 표면, 추가 제목 및 3D 텍스트는 우편함 마감과 조화를 이루어 사용자 인터페이스와 제품이 동일한 재질로 제작되었습니다. - Brushed Steel
#8e9194— 본문 텍스트, 목록 구분선, 추가 아이콘 윤곽선은 페이퍼 화이트와 옵시디언 사이에 위치하여 내장된 메타데이터와 눈에 띄지 않는 링크를 표시합니다. - Linen Mist
#a7aaad— 제목과 구분선의 테두리와 구분선의 밝은 색상은 흑요석 색상의 구조적인 선과 결코 충돌하지 않는 은은한 색조입니다.
타이포그래피
15픽셀에서 57픽셀로 · 5단계
- PP Neue Montreal — 대사: Inter · 요점 400 (Medium) · 본문부터 설명문에 이르기까지 모든 것에 단일 서체 계열 시스템이 사용됩니다. 기하학적으로 균일한 굵기를 특징으로 하며, 보조 글꼴이나 디스플레이 전용 글꼴을 사용하지 않습니다. 따라서 57px로 설정된 'CUSTO®' 워드마크는 15px 크기의 폼 입력 필드 레이블과 동일한 서체 계열에 속하는 것으로 인식됩니다.
간격과 형태
| 목적 | 의미 |
|---|---|
| 밀도 | 넓은 |
| 기본 단계 | 24px |
| 버튼 반경 | 31.35px (pill) for primary action; 8px for secondary |
| 카드 반경 | 8px |
| 그림자 | 아니요 - 그림자 대신 테두리를 사용합니다. |
| 구간 사이 | 110px |
| 페이지 너비 | 1280px |
AI가 Custo 스타일로 웹사이트를 구축하고 내용을 채워줍니다.
- 제품 및 게시물을 링크를 통해 Instagram, TikTok, Facebook 에 올려주세요.
- 이전 사이트의 콘텐츠를 전송하세요. 주소만 지정하면 됩니다.
- 최신 디자인과 최고의 엔진인 React ( Next.js)를 기반으로 서버 렌더링 및 SEO 최적화 기능을 기본 제공합니다.
- 검색 결과 최적화 및 신경망 기반 추천 기능을 완벽하게 자동화했습니다.
비슷한 스타일
- 099 SUPPLY — 흑백 오브제로 가득 찬 갤러리 벽
- Specht Studio — 은은한 호기심을 자극하는 작품들로 가득 찬 갤러리 벽. 스튜디오 자체의 크롬 마감은 흰색 표면에 검은색 글씨로 이루어져 있으며, 시각적인 화려함은 오로지 프로젝트의 타일 작업에만 집중되어 있다.
- Structured — 찰흙 같은 종이에 그려진 르네상스 갤러리
- Airbnb — 산호색 책갈피 하나가 놓인 조용한 흰색 갤러리 벽
- VSCO — 갤러리의 흑백 벽면에는 흑백 사진들이 전시되어 있고, 따뜻한 조명 하나가 다음 장면을 비춘다.
- Apple (España) — 부드러운 자연광이 비추는 박물관 전시실은 매혹적이고 가벼운 하얀 공간으로, 은은하게 색이 들어간 벽을 배경으로 각 전시품이 스포트라이트를 받아 밝게 빛나고 있다.
- Peak Design — 갤러리 벽, 부분적으로 조명됨
- Apple (España) — 옵시디언 갤러리 쇼케이스는 칠흑 같은 배경을 바탕으로 티타늄 소재의 오브제 하나가 빛나는 어두운 전시 공간입니다.
- Apple (España) — 흰색 갤러리 디스플레이 케이스
- teenage engineering — 스튜디오 조명 산업 카탈로그에서는 제품이 페이지에서 유일하게 중요한 요소이며, 나머지 모든 내용은 그 주변에서 논의됩니다.
- Apple (España) — 아침 안개 속 갤러리 창가
- Apple (España) — 화이트 박물관 갤러리, 정오