DESIGN바이브코딩디자인mdFashion

Fashion · 디자인 분석

29CM 스타일 디자인 분석

이 스타일은 상품을 파는 화면이 아니라 읽는 화면으로 만듭니다. 여백과 타이포그래피만으로 가격 경쟁에서 빠져나옵니다.

여백이 가격표를 대신합니다

같은 상품이라도 주변 여백이 넓으면 비싸 보입니다. 이 스타일은 그 효과를 적극적으로 씁니다. 한 화면에 노출하는 상품 수를 줄이고 카드 사이 간격을 크게 벌립니다. 스크롤은 길어지지만 상품 하나하나가 독립적으로 보입니다. 밀도를 높여 달라는 요구와 정면으로 충돌하는 선택이라, 어느 쪽을 택할지 먼저 정해야 합니다.

글자 위계를 두세 단계로 줄입니다

에디토리얼 느낌은 폰트를 바꿔서 나오지 않습니다. 쓰는 크기의 종류를 줄이면 나옵니다. 제목·본문·캡션 세 가지 정도로 제한하고, 강조는 크기가 아니라 굵기나 자간으로 처리합니다. 크기 단계가 많아질수록 잡지가 아니라 전단지처럼 보입니다.

사진 위에 글자를 얹지 않습니다

이미지 위에 제목을 겹치면 사진의 톤이 상하고 가독성도 떨어집니다. 이 스타일은 대신 사진 옆이나 아래의 빈 영역에 글자를 둡니다. 결과적으로 레이아웃이 비대칭이 되는데, 그 비대칭 자체가 잡지 지면의 인상을 만듭니다. AI에게 지시할 때 "글자를 이미지 위에 겹치지 말 것"을 명시해야 기본값처럼 겹쳐 놓지 않습니다.

버튼도 조용해야 합니다

채움색 버튼은 시선을 강하게 끌어 에디토리얼 화면의 균형을 깹니다. 1px 테두리에 채움 없는 버튼을 쓰면 사진과 글의 흐름을 방해하지 않습니다. 전환율만 보면 채움 버튼이 유리하지만, 이 스타일을 선택했다면 그 손해를 감수하고 톤을 지키는 쪽이 일관됩니다.

이 스타일을 고르면 안 되는 경우

특가·타임세일처럼 즉각적인 전환이 목표인 화면에는 맞지 않습니다. 조용한 톤이 긴급함을 만들지 못해 프로모션 효과가 떨어집니다.

컬러와 역할

색상 코드를 나열하는 것보다 각 색이 어떤 자리에만 쓰이는지를 정해 두는 편이 결과물의 일관성에 훨씬 크게 작용합니다. 아래는 이 스타일에서 관찰되는 색의 담당입니다.

Editorial Black#111111Headlines and CTA
Paper#FAFAF7Warm editorial background
Stone#D8D3C7Subtle dividers
Muted#77736BSecondary captions
White#FFFFFFProduct cards

대표 컴포넌트

이 스타일을 화면으로 옮길 때 가장 먼저 만들게 되는 세 가지입니다. 각 항목의 설명은 형태뿐 아니라 그렇게 만드는 이유까지 담았습니다.

EditorialHero

잡지 표지처럼 이미지를 전면에 깔고 제목을 여백 쪽에 두는 첫 화면. 글자를 이미지 위에 겹치지 않아 사진의 톤이 상하지 않는다.

BrandStoryCard

브랜드 사진과 서너 줄 소개를 세로로 묶은 카드. 가격을 넣지 않아 상품 목록이 아니라 읽을거리로 보이게 한다.

ThinOutlineButton

1px 실선 테두리에 채움 없는 버튼. 배경이 사진이어도 시선을 뺏지 않아 에디토리얼 화면과 충돌하지 않는다.

어떤 서비스에 맞나

29CM-inspired style makes commerce feel curated and premium. It uses editorial whitespace, restrained colors, and large product narratives.

실무에서는 패션 편집샵 · 브랜드 스토리 · 프리미엄 커머스 유형에 적용했을 때 가장 자연스럽습니다.

29CM DESIGN.md 복사하러 가기

공개적으로 관찰 가능한 화면 패턴에 대한 독립적인 분석입니다. 29CM 및 해당 운영사와 제휴 관계가 없으며 승인을 받지 않았습니다. 상표권은 각 권리자에게 있습니다. 내부 디자인 가이드라인을 옮긴 것이 아니라 공개된 화면을 보고 정리한 해석입니다.

More designs

다른 디자인 분석