디자인 요소 추출 — 임차in케어 브랜드 레퍼런스

COL 색 · 실측

무드별 색면 팔레트

색면(이웃 픽셀과 색이 거의 같은 넓은 영역 = UI·배경)만 추출했다. 사진 질감을 걷어낸 값이다. 캡처 화면의 픽셀값이며 공식 브랜드 색상값이 아니다.

잔잔한 온기 · 색면 픽셀 4,606개

#201C1B17.7%

#94806B16.8%

#1B171615.5%

#5F4B3F11.7%

#1B1C1C11.4%

#313C3D10.7%

#C4B7A59.0%

#36221E7.2%

거의 검정에 가까운 따뜻한 무채색이 44.6%다. 온기는 밝은 베이지가 아니라 어두운 갈색에서 나온다.

맑은 시선 · 색면 픽셀 5,822개

#9FE87057.6%

#5A564610.5%

#4D1D127.9%

#4A3C2B7.9%

#6A675B5.4%

#F9F3BE5.3%

#BCEEBE4.9%

#94A0AA0.5%

⚠️ 이 팔레트는 신뢰할 수 없다. #9FE870은 Wise 한 브랜드의 배경색이고 팔레트의 57.6%를 차지한다. 이 무드는 표본이 18장으로 가장 적다. 쓸 수 있는 결론은 “맑은 시선 브랜드는 큰 단색 면을 쓴다” 하나뿐이다.

일상의 여백 · 색면 픽셀 7,407개

#B4BB8E15.0%

#113E4814.5%

#83745313.8%

#662F0F12.5%

#C5D1A112.4%

#18232511.3%

#6B594410.8%

#B086599.6%

올리브·연두가 1위인 것은 달바·톤28·Dulcie의 영향이다. 비건·친환경 브랜드를 많이 넣은 결과일 수 있으므로 무드의 속성으로 단정하지 않는다.

COL 색 · 실측

지면 성격

잔잔한 온기는 어둡다(어두운 면 26.4%, 다른 둘의 2~3배). 유채색이 가장 적고 채도도 가장 낮다. 온기는 색을 더해서가 아니라 빼고 어둡게 해서 만들어진다.

구분	표본	흰 바탕	어두운 면	유채색	평균 채도
잔잔한 온기	25	38.6%	26.4%	15.7%	0.403
맑은 시선	18	49.2%	7.8%	27.6%	0.466
일상의 여백	29	47.8%	15.0%	21.9%	0.476

COL 색 · 실측

국내와 해외 — 앞선 인상을 정정한다

앞서 “국내는 빼곡하고 해외는 여백”이라고 적었는데 실측은 그렇지 않다. 국내가 흰 바탕이 더 많고(58% vs 49%) 유채색은 더 적다.

구분	표본	흰 바탕	어두운 면	유채색	평균 채도
A축 국내 (부동산·보증)	16	58.0%	9.6%	14.5%	0.489
A축 해외	20	49.4%	22.9%	28.8%	0.560

국내

흰 바탕 위에 작은 요소를 많이

흰 픽셀은 많은데 빽빽해 보인다.

해외

큰 사진·큰 색면으로 채운다

흰 픽셀은 적은데 성겨 보인다.

결론

여백감은 흰 픽셀이 아니라 요소 개수에서 온다

브랜드북 4-4 “여백이 절반이다”를 면적으로 이해하면 틀린다. 요소를 줄여야 한다.

TYP 타이포 · 관찰

위계를 만드는 여섯 방법

폰트명·자간·크기 수치는 확인하지 않았다. 형태와 관계만 적는다. 공통점은 한 화면에서 위계 장치를 하나만 쓴다는 것이다.

크기

토스

대형 영문 Daily Greatness 아래 작은 한글 한 줄

굵기

Stripe

제목 크기를 키우지 않고 굵기만 바꾼다

색

Stripe

한 문단 안의 특정 구절만 색을 바꾼다. 크기는 동일

서체

Oscar Health · Kinfolk

세리프 대문장 하나 + 산세리프 본문

면

카카오뱅크

대비를 낮추고 파스텔 카드로 나눈다

단색 전면

Wise

형광 연두 위 굵은 대문자

임차in케어

쓸 수 있는 장치는 셋뿐

서체(프리텐다드 단일)와 색(그린 5%)이 이미 묶여 있다. 남는 것은 크기·굵기·여백.

한글 온기

두 갈래

명조 + 넓은 자간(오설록) · 옛 활자 레터링(프릳츠). 셋째 길은 이 표본에 없다.

LAY 레이아웃 · 관찰

여백 = 두 덩어리

여백이 강한 화면 4곳이 전부 한 화면에 요소가 둘이다. 텅 빈 게 아니라 덩어리가 둘이다. 4곳 · 3업종 · 2국가 → 일반화 조건 충족.

Nécessaire

좌우 반분할

문장 둘만

Frama

좌우 두 블록

SHELF LIBRARY / BAR SOAPS

Typology

좌 오브제 / 우 한 줄

Dulcie

상 사진 / 하 문장

측정 실패

화면 복잡도를 자동으로 세지 못했다

경계밀도·잉크밀도를 계산했으나 사진 질감과 UI 밀도가 분리되지 않았다. KINTO 계곡 사진이 29CM 홈보다 ‘복잡’하게 나왔다. 지표를 폐기하고 관찰로 대체했다.

IMG 사진 · 관찰

온기를 만드는 네 갈래 · 신뢰를 만드는 사진

색으로 칠한 곳이 하나도 없다.

재질

TRAVELER'S COMPANY

가죽·크래프트·황동을 평면 배치. 그림자가 얕다

빛

KINTO

자연광 장면. 사물이 아니라 장면으로

풍경

오설록

제품이 아예 없는 화면

인쇄 질감

프릳츠

복고 색분해

신뢰

Oscar Health

보험인데 방패·체크마크·파란 그라디언트가 한 장도 없다. 연출되지 않은 스냅사진만

대안

Frama · Dulcie

사진 한 장 + 긴 문장. 촬영 자산이 없을 때의 길

반대 가설

Airbnb

숙소 썸네일 그리드 = ‘고르는 화면’. 임차in케어는 이미 사는 집을 지키는 서비스다 (1개 사례, 확정 아님)

MKT 마케팅 · 관찰

차분한 브랜드는 판매 지면에서 무너진다

4곳 · 2국가에서 반복 → 패턴으로 인정. 반대로 Typology·Nécessaire는 첫 화면에 할인이 없다.

프릳츠

DIRECT TRADE 포스터 ↔ 캡슐 1+1 팝업 2개

오설록

제주 능선 풀스크린 ↔ 추석 휴무 배송 안내 팝업

TRAVELER'S

제품 정물 ↔ CARAVAN 이벤트 배너

아로마티카

비건·재활용 브랜드 ↔ Clearance Sale 66%

임차in케어

알림과 절제가 같은 지면에서 싸운다

월 5,900원을 팔고, 진짜 마감(6개월)을 알리고, 매달 리포트를 보낸다. 계획 §3 가설 B가 현실에서 깨지는 방식이 이것이다. 어느 쪽이 매출에 유리한지는 미확인.

INF 정보 전달 · 관찰

Stripe 가격표 — 밀도가 높은데 읽힌다

한 화면에 수십 개 항목과 요율이 있는데 뭉개지지 않는다. 임차in케어 상품 안내(5,900 / 11,900 / 중개의뢰 30만 / 실비)가 같은 문제다.

장치 1

좌측 고정 목차 컬럼

위치를 알려준다

장치 2

가로 3분할 고정

이름 / 설명 / 가격

장치 3

얇은 구분선

장치 4

색은 링크와 버튼에만

장치 5

제목은 크기 대신 굵기만

브랜드북 4-3 tabular figures와 맞물린다

한계

대상이 다르다

Stripe는 개발자용. 일반 임차인에게 같은 밀도가 통하는지 미확인

SYS 시스템 · 관찰

구독을 파는 두 방식

Nécessaire

체크 리스트 + 단건 동급 배치

가격 아래 Subscribe & Save 15% / Free Shipping / Cancel Anytime 3줄. 단건 구매를 같은 크기로. 버튼은 검정 하나. 강권하지 않는다

Blue Bottle

아이콘 4개 + 한 줄

Choose Your Coffee / Cadence / Prepay / Savings. 브랜드북 2-1-2 ‘표준 3문장’과 구조가 맞는다

판정 보류

접점 간 일관성

브랜드당 3장으로는 말할 수 없다. 확실한 것은 유지되는 것은 서체·로고 위치, 달라지는 것은 색·밀도