monopo saigon
편집자의 침묵 뒤에서 흐르는 액체처럼 영롱한 빛—녹아내리는 빛 위에 떠 있는 흑백의 편집 갤러리
모노포 사이공은 극단적인 흑백 디자인 원칙을 고수합니다. 은은한 회색 톤이 더해진 순수한 흑백 배경에 페이지 전체 너비를 아우르는 캔버스 위에서 마치 숨 쉬는 듯한 거대한 로버트(Roobert) 서체가 배치되어 있습니다. 이 디자인의 특징은 엄격한 편집상의 절제(날카로운 각도의 내비게이션 및 텍스트 링크, 풍부한 여백, 4px를 기반으로 한 리듬)와 단 하나의 표현적인 요소, 즉 이미지 위에 액체처럼 떠 있는 75px 반경의 버튼에서 드러납니다. 주요 디자인 요소들은 영롱하고 유동적인 색채의 분위기(녹색이 황색으로, 그리고 진한 버건디로 자연스럽게 변하는)를 띠는 반면, 인터페이스 자체는 단일 색조를 취하지 않아 마치 액체처럼 흐르는 강물 위에 떠 있는 흑백 편집 갤러리 같은 느낌을 자아냅니다. 서체는 디자인의 분위기를 결정짓습니다. 78px의 300라인 굵기는 속삭이듯 은은하게, 225px의 400라인 굵기는 화면을 가득 채우며, 11px의 400라인 굵기는 나머지 모든 요소를 자신감 있고 간결하게 정의합니다. 움직임은 표현력이 풍부하면서도 인내심이 있습니다. 1.25초까지 늘어나는 큐빅 베지어(0.19, 1, 0.22, 1) 안티앨리어싱 곡선과 변환 전환을 통해 요소가 갑자기 멈추는 대신 부드럽게 움직일 수 있습니다.
레이아웃은 최대 너비 1078px로 중앙에 배치되어 있으며, 어두운 색상의 스플래시 섹션이 페이지 전체 너비를 차지하고 컨테이너를 넘어 확장됩니다. 스플래시 섹션은 전체 화면을 차지하며, 중앙에 자리 잡은 웅장한 제목(Un ted, Unbound)이 반짝이는 미디어 콘텐츠 위에 떠 있고, 미니멀한 내비게이션이 상단에, 회전하는 아이콘 하나가 왼쪽 하단에 위치합니다. 본문 섹션은 여유로운 편집 리듬을 따르며, 섹션 사이의 46px 간격은 블록 사이에 숨 쉴 공간을 제공하고, 흰색과 어두운(검은색 바탕에 흰색 글꼴) 줄무늬가 번갈아 나타납니다. 콘텐츠 레이아웃은 비대칭적이며, 왼쪽에 텍스트/오른쪽에 이미지 또는 왼쪽에 이미지/오른쪽에 텍스트가 번갈아 배치되는 경우가 많고, 스플래시 섹션을 제외하고는 중앙에 배치된 블록이 없습니다. 카드 그리드는 다단식 목록이 아닌 단일 열 프로젝트 목록으로 표시되며, 각 프로젝트는 자체 이미지와 제목과 함께 전체 너비를 차지합니다. 상단 메뉴는 투명한 바 형태로 구성되어 있으며, 왼쪽에는 로고, 가운데에는 현지화 정보, 오른쪽에는 메뉴가 있습니다. 색상 변화나 그림자 없이, 보이지 않는 저장 버튼만 있습니다. 페이지 하단에는 간결한 3단 주소창(도쿄, 사이공, 런던)이 눈에 띄지 않는 텍스트로 표시됩니다. 전체적으로 디지털 잡지의 편집 스타일을 연상시킵니다.
시각적인 요소는 극적이고 독특합니다. 메인 화면은 거대하고 영롱하며 유동적인 질감으로 가득 차 있는데, 유기적인 녹색 색조가 호박색과 버건디색 사이로 녹아드는 모습은 마치 물 위의 기름이나 녹은 유리와 같습니다. 이는 화면 전체를 차지하는 분위기 있는 미디어 콘텐츠, 아마도 셰이더로 제작된 비디오나 캔버스처럼 느껴지며, 반복되는 패턴이 아닌 하나의 감각적인 순간으로 인식됩니다. 프로젝트의 데모는 프레임이나 테두리 없이 제시되는 섬세한 편집 사진(대형 제품 사진, 홍보 이미지)을 활용합니다. 이미지 자체가 콘텐츠입니다. 일러스트레이션이나 작은 UI 글리프를 제외한 아이콘, 장식적인 도형은 없습니다. 아이콘은 최소화되거나 아예 없으며, 회전하는 원형 텍스트 아이콘이 시스템의 유일한 타이포그래피적 장식 역할을 합니다. 전체적인 밀도는 텍스트가 큰 크기로 단일 시각적 제스처를 통해 지배적이며, 그 뒤로 타이포그래피와 제품 이미지가 길고 차분하게 배치됩니다.
팔레트
상표
- Iridescent Fade
#a02d25— 색채적 강조는 그라데이션 전환 내에서만 나타나며, 무지갯빛 분위기의 기반이 되는 녹아내리는 듯한 버건디 색조는 인터페이스 컨트롤에는 사용되지 않습니다.
중립적
- Obsidian
#000000— 본문 텍스트, SVG 테두리, 본문 텍스트 전체 채우기 - 순수한 검정색에는 모든 전경 정보와 그래픽 요소가 포함됩니다. - Paper
#ffffff— 어두운 배경에 밝은 글씨, 반전된 캡션, 그리고 높은 대비의 헤드라인을 사용하세요. 행동 유도 문구(CTA)의 주요 색상으로 밝은 글씨를 사용하는 것은 피하세요. - Inkstone
#181818— 바닥글의 본문과 추가 제목은 긴 글을 읽기 쉽도록 은은한 검정색으로 되어 있습니다. - Felt Gray
#6d6d6d— 보조 텍스트, 주소록, 법률 문구 – 눈에 띄지 않게 사라지지만 완전히 없어지지는 않는 조용한 주석들입니다. - Slate Pill
#636363— 버튼의 중립적인 배경은 '수락'과 같은 동작에 사용되는 유일한 단색 채우기입니다. - Ash Mist
#9a9a9a— 시력이 좋지 않거나 표면 대비가 낮은 경우에 적합한 중립적인 중간 톤 색상입니다.
타이포그래피
12px에서 225px로 · 9단계
- Roobert — 대사: Inter or Söhne — both share Roobert's geometric-humanist balance and clean aperture · 요점 300, 400, 600 · 이 주요 서체는 모든 인터페이스 텍스트, 탐색 메뉴, 제목, 본문, 목록 및 바닥글에 사용됩니다. 맞춤 디자인된 이 산세리프 서체는 기하학적 명료함과 인간적인 따뜻함을 결합했으며, 300 Whisper부터 600 Anchor까지 폭넓은 굵기를 제공하여 웅장한 제목부터 간단한 메모까지 다양한 맥락에서 활용 가능합니다.
- Raleway — 대사: Montserrat or Jost · 요점 400 · 특정 제목 상황에서만 사용되며, 더 우아하고 좁은 산세리프체가 대비를 이루는 경우에 사용됩니다. 굵은 로버트 서체와 대조를 이루는 용도로는 거의 사용되지 않습니다.
- system-ui — 대사: Inter · 요점 400 · 인터페이스 마이크로 라벨, 쿠키 배너 본문 텍스트, 작은 글꼴 - 브라우저의 기본 대체 옵션으로, 사용자 지정 글꼴 없이도 가장 작은 부분까지 가독성을 보장합니다.
간격과 형태
| 목적 | 의미 |
|---|---|
| 밀도 | 밀집한 |
| 기본 단계 | 14px |
| 버튼 반경 | 75px |
| 카드 반경 | 0px |
| 그림자 | 아니요 - 그림자 대신 테두리를 사용합니다. |
| 구간 사이 | 46px |
| 페이지 너비 | 1078px |
AI가 monopo saigon 스타일로 웹사이트를 구축하고 내용을 채워줍니다.
- 제품 및 게시물을 링크를 통해 Instagram, TikTok, Facebook 에 올려주세요.
- 이전 사이트의 콘텐츠를 전송하세요. 주소만 지정하면 됩니다.
- 최신 디자인과 최고의 엔진인 React ( Next.js)를 기반으로 서버 렌더링 및 SEO 최적화 기능을 기본 제공합니다.
- 검색 결과 최적화 및 신경망 기반 추천 기능을 완벽하게 자동화했습니다.
비슷한 스타일
- Hyer Aviation — 조종석의 황혼녘, 양피지 위로 희미한 새벽 하늘이 동체 크기의 세리프체 로고와 어우러지고, 따뜻한 흙빛 포인트 하나가 단조로운 단색의 분위기를 깨뜨린다.
- OFF+BRAND. — 따뜻한 양피지 위에 놓인 무지갯빛 구체
- Seed — 실험실 유리 아래에 있는 살아있는 유기체
- Eindhoven Design District — 흰 종이 위에 쓰인 편집상의 잔혹함은, 최소한의 사진과 절대적인 절제미를 바탕으로 큰 활자체로 표현된 도시 디자인 선언문이다.
- Subframe — 따뜻한 양피지 위에 그려진 그래픽 드로잉. 디자이너 용지에 그려진 이 그림은 모든 획이 연필이나 지우개로만 이루어져 있고, 물감은 전혀 사용되지 않았다. 선의 굵기와 드문드문한 세리프를 통해 깊이감이 표현된다.
- Miranda — 밝은 크림색 배경에 클래식한 와이드 포맷 서체가 돋보이는 디지털 시대의 신문 사설입니다.
- Monocle — 크림색 용지에 인쇄된 고품질의 대형 신문. 모든 칼럼이 제자리를 차지할 만한 가치가 있도록 세심하게 구성된 편집 내용과, 페이지에 의미 있는 색상 하나만이 사용됩니다.
- Agencja brandingowa — 흰색 톤에 검은색 잉크로 타이포그래피를 적용한 편집 갤러리
- Websmith Studio — 크림색 종이에 비치는 아침 햇살
- Aspelin Reitan — 촛불 아래 건축 아카이브 - 이 페이지는 따뜻한 크림색 벽에 고정된 건축 공간 포트폴리오처럼 보이며, 각 이미지 위에는 페이지 전체 너비에 걸쳐 한 줄의 흰색 텍스트가 떠 있는 듯합니다.
- Public — 차가운 대리석 위에 흑백으로 인쇄된 화보. 마치 흑백 캔버스처럼 보이는 이 화보에서 300포인트 세리프체 글꼴과 단 하나의 보라색 포인트가 모든 색감을 표현하고 있다.
- Motto — 종이 위의 타이포그래피적 모놀리스 – 새하얀 종이 위에 당당하게 자신을 드러내는 하나의 목소리