MAKR
수공예 가죽 제품을 전시하는 박물관 진열장. 조용하고 온통 하얀 공간에는 따뜻한 검정 잉크로 쓰인 라벨이 가죽 제품을 손에 들고 있거나 풍경을 배경으로 찍은 커다란 사진들 아래에 떠 있는 듯하며, 유일한 색상 대비는 은은한 세이지 색 줄무늬뿐이다.
MAKR는 수공예 가죽 제품을 전문으로 다루는 온라인 에디토리얼 갤러리로, 거의 무채색에 가까운 색상 팔레트를 기반으로 사진을 중심으로 디자인되었습니다. 상단 광고란에는 은은한 세이지 색조가 감도는 회색 배너 색상이 포인트로 사용되었고, 표면, 텍스트, 구분선, 링크 등은 모두 흰색 배경에 깊고 따뜻한 검은색 잉크로 표현되었습니다. 타이포그래피는 절제된 형태의 소네 네오 그로테스크 서체를 사용했습니다. 작은 글꼴, 넉넉한 줄 간격, 그리고 캡션의 대문자 간격은 마치 갤러리 벽에 걸린 텍스트처럼 느껴지게 하여 웹 인터페이스라기보다는 예술적인 분위기를 자아냅니다. 레이아웃은 박물관처럼 이미지 중심적이고 비대칭적이며 미니멀합니다. 제품은 손에 든 모습, 풍경 속, 자연광 아래에서 촬영되었고, 그 아래에는 작은 링크 형태의 캡션이 배치되어 있습니다. 밑줄이 그어진 텍스트 링크, 숨겨진 입력 필드, 그림자 없음, 둥근 버튼 등 구성 요소는 거의 보이지 않도록 처리되어 가죽과 사진 자체가 브랜드의 중심 역할을 하도록 했습니다.
콘텐츠 너비 제한이 없는 엣지 투 엣지 레이아웃으로, 이미지가 전체 화면을 가득 채웁니다. 상단 배너 광고는 전체 너비를 차지하고, 그 아래로 전체 너비의 헤더 내비게이션이 배치됩니다. 메인 콘텐츠 영역은 여러 열로 구성된 이미지 그리드(데스크톱 기준 2~3열)를 사용하며, 여백을 최소화하여 사진 자체의 시각적 구조를 강조합니다. 텍스트와 링크는 이미지 아래의 빈 공간에 배치되어 서로 겹치지 않습니다. 편집 섹션은 제품 그리드와 전체 너비의 라이프스타일 사진이 번갈아 나타납니다. 섹션 간 여백(80:1.5)이 넉넉하여 마치 갤러리를 거니는 듯한 느낌을 줍니다. 뉴스레터 구독 모달은 왼쪽 하단에 고정된 패널로 배치되어 있으며, 닫을 수 있는 구독 패널은 화면 맨 아래에 있습니다. 전체적인 인상은 일반적인 전자상거래 레이아웃보다는 박물관 도록이나 잡지 화보를 보는 듯합니다.
사진은 브랜드의 핵심 콘텐츠이자 언어입니다. 두 가지 유형의 사진이 공존합니다. (1) 제품을 직접 들고 있는 모습을 담은 흑백 대형 사진으로, 정사각형 또는 3:4 비율로 크롭되어 높은 콘트라스트를 보여주며, 라이프스타일 맥락 없이 제품 자체가 프레임을 가득 채웁니다. (2) 따뜻한 자연광 아래 촬영된 컬러 라이프스타일 사진으로, 흙빛 풍경, 가방을 든 모델의 모습 등이 낮은 앵글에서 얕은 심도로 촬영되었습니다. 흑백 사진과 컬러 사진의 교차는 페이지 전체에 하나의 시각적 리듬을 만들어냅니다. 일러스트레이션, 3D 렌더링, 추상적인 그래픽은 사용하지 않습니다. 이미지는 페이지 전체 또는 페이지 너비 전체를 차지하며, 테두리가 없는 0반지름의 그리드 셀에 배치됩니다. 아이콘은 없거나 최소한으로 사용되며, 닫기를 위한 간단한 십자 표시만 있습니다.
팔레트
중립적
- Obsidian Ink
#1c1717— 본문, 모든 텍스트 링크, 본문 텍스트, 제목, 아이콘 윤곽선, 그리고 사용자 인터페이스 전체에 걸쳐 사용된 미묘한 테두리선은 모두 이 색상입니다. 이 색상은 흰색 배경에 17.7:1 비율로 적용되어 5,000개 이상 사용되었습니다. 순수한 검정색이 아닌 은은한 따뜻한 색조는 인터페이스 전체에 화면이 아닌 인쇄된 카탈로그와 같은 느낌을 줍니다. - Paper
#ffffff— 밝은 표면의 얇은 테두리, 구분선, 입력 필드 윤곽선 및 카드 가장자리에 사용하세요. 클릭 유도 버튼의 기본 색상으로는 이 색상을 사용하지 않는 것이 좋습니다. - Bone
#f0f0f0— 교차하는 섹션에 사용되는 보조 표면으로, 은은한 패널 배경과 내부 테두리/구분선을 만듭니다. 용지의 흰색과 광고의 연두색 사이에 은은한 따뜻한 회색 색조를 만들어냅니다. - Eucalyptus Mist
#a9aea9— 페이지 상단의 배너 광고 배경, 섹션 간의 은은한 색상 전환, 그리고 보조 프레임. 단독으로 보면 거의 회색처럼 보이지만, 전체 너비에 걸쳐 사용될 때는 미묘한 세이지 색조를 띠며, 단색 구성에서 유일한 색상 포인트가 됩니다.
타이포그래피
11픽셀에서 32픽셀로 · 5단계
- Sohne Web — 대사: Inter · 요점 400 · 전체 인터페이스 스타일(본문, 탐색 메뉴, 링크, 제목, 버튼, 입력 필드, 아이콘, 이미지 캡션)이 사용되었습니다. 400포인트 두께의 Sohne 폰트(굵은 변형은 찾을 수 없음)는 MAKR에 차분하면서도 자신감 있는 표현력을 부여합니다. 정보는 굵기 대비가 아닌 크기와 자간을 통해 전달됩니다. 대안으로는 Inter, Söhne 또는 Untitled Sans가 있습니다.
- CircularXXMonoWeb — 대사: JetBrains Mono · 요점 400 · 기술 지침이나 제품 사양과 같은 간헐적인 용도로만 사용하십시오. 네오 그로테스크 리듬을 깨뜨리는 단폭의 속삭임과 같습니다. 제품 코드, 재료 사양 외에는 거의 사용하지 마십시오. JetBrains Mono 또는 IBM Plex Mono로 대체하십시오.
간격과 형태
| 목적 | 의미 |
|---|---|
| 밀도 | 밀집한 |
| 기본 단계 | 5-8px |
| 버튼 반경 | 0px |
| 카드 반경 | 0px |
| 그림자 | 아니요 - 그림자 대신 테두리를 사용합니다. |
| 구간 사이 | 80-120px |
AI가 MAKR 스타일로 웹사이트를 구축하고 내용을 채워줍니다.
- 제품 및 게시물을 링크를 통해 Instagram, TikTok, Facebook 에 올려주세요.
- 이전 사이트의 콘텐츠를 전송하세요. 주소만 지정하면 됩니다.
- 최신 디자인과 최고의 엔진인 React ( Next.js)를 기반으로 서버 렌더링 및 SEO 최적화 기능을 기본 제공합니다.
- 검색 결과 최적화 및 신경망 기반 추천 기능을 완벽하게 자동화했습니다.
비슷한 스타일
- FARFETCH España — '화이트 큐브' 스타일의 패션 갤러리. 벽, 바닥, 비품이 모두 새하얀 흰색으로 칠해져 있고, 오직 옷과 그 옷을 입은 사람들만이 모든 색감, 질감, 시각적 표현을 만들어내는 고급 매장을 상상해 보세요.
- Franco Maria Ricci Editore — 아르데코 갤러리 카탈로그 - 깨끗한 흰색 양피지에 윤기 나는 금박 선
- Laura Monin — 편집 갤러리 벽, 흰색 대리석, 잉크 스탬프
- OhDada — 편집 갤러리 벽
- Cursor — 타오르는 숯불 불빛 아래 아늑한 양피지 작업실
- Structured — 찰흙 같은 종이에 그려진 르네상스 갤러리
- MindMarket — 크림색 종이에 인쇄된 아늑한 동화책은, 커다란 인터(Inter) 헤드라인과 오려낸 종이 캐릭터들이 햇살 가득한 부드러운 스티커 표면 위에 조화롭게 어우러진 친근한 편집 공간을 제공합니다.
- Airbnb — 산호색 책갈피 하나가 놓인 조용한 흰색 갤러리 벽
- Apple (España) — 부드러운 자연광이 비추는 박물관 전시실은 매혹적이고 가벼운 하얀 공간으로, 은은하게 색이 들어간 벽을 배경으로 각 전시품이 스포트라이트를 받아 밝게 빛나고 있다.
- Lamborghini — 쇼룸에서 조명 아래 검은색 차체로 서 있는 노란색 차 한 대
- Amplemarket — 색종이 조각이 흩뿌려진, 햇살이 쏟아지는 작업 공간
- Getharvest — 황금 시간대의 책상 – 따뜻한 크림색 캔버스, 캔버스에 걸린 하얀 엽서들, 그리고 선명한 오렌지색 불꽃 하나