맑게 이해하고,
미리 준비하도록.
화이트와 하늘색의 단계가 정보를 정돈하고, 에이프리콧 코랄이 지금 확인할 한 지점을 짚습니다. 전문성은 무게보다 읽히는 순서로 표현합니다.
명료함 · 공기감 · 근거 · 준비
색이 아니라, 바라보는 방식까지.
분명한 열 정렬, 얇은 구분선, 전후 비교. 사진과 정보의 경계를 유지해 무엇을 보고 무엇을 해야 하는지 구별합니다.
중립적인 자연광·열린 창·명료한 손동작. 에어블루부터 딥스카이까지 사진의 하늘과 그림자로 연결합니다.
타입: Pretendard Variable. 제목 550·35px(인쇄)·자간 −0.045em·행간 1.18. 얇은 블루 그리드·수평 정렬·숫자 비교로 정보 위계를 명료하게 유지합니다.
그래픽 면적 목표: 바탕 83 · 보조 8 · 정보 6 · 포인트 3%. 사진 제외 설계값이며 실측값은 아닙니다.
블루 중간색은 모두 동시에 채우지 않고 정보량에 맞춰 선택합니다. 코랄은 위험색이 아닌 관심과 행동의 색입니다.
조형·비율: 직사각형 모듈, 8px 배수 간격, 같은 너비의 전후 비교. 딥스카이는 구조선·제목, 코랄은 변경점과 행동에만 사용합니다.
오늘도 생활은 이어지고,
살핌도 이어집니다.
계약·등기·기한·거주 상황의 변화를 지속적으로 확인합니다.
촬영 디렉션 · 눈높이·와이드 / 창과 거실의 수평선, 안정된 정보 배치
색·빛 · 화이트·하늘색·에이프리콧 코랄 / 중립 자연광, 선명한 명암 단계
최근 확인 내역
다음 확인 예정일 안내
고객이 알려준 변경사항 반영
실제 확인 범위와 주기는 서비스 정책에 따릅니다.
레이아웃 · 맑은 시선
생활 장면과 확인 기록을 두 열에 분리합니다.
Apricot Coral · 강조 위치
작은 확인점과 현재 단계에만 사용합니다.
그래픽 색 비중 · 목표
바탕 84 · 보조 8 · 정보 6 · 포인트 2%
사진 제외 시험값 / 실제 UI 구현에서 검증
달라진 부분을,
분명하게 짚습니다.
문제로 이어질 가능성이 있는 변동을 조기에 포착합니다.
촬영 디렉션 · 사선 클로즈업 / 두 문서의 차이를 읽는 구도
색·빛 · 화이트·하늘색·에이프리콧 코랄 / 중립 자연광, 선명한 명암 단계
등록 일정이 달라졌어요
변경된 일정에 맞춰 준비 시점을 다시 확인해 주세요.
구조 설명용 가상 일정입니다. 변경 표시가 곧 위험 판정을 의미하지 않습니다.
레이아웃 · 맑은 시선
변경 전후를 같은 너비로 정렬해 차이만 강조합니다.
Apricot Coral · 강조 위치
변경 항목의 표식에 집중합니다. 변화와 위험은 별도로 설명합니다.
그래픽 색 비중 · 목표
바탕 82 · 보조 8 · 정보 6 · 포인트 4%
사진 제외 시험값 / 실제 UI 구현에서 검증
지금 할 일을,
한 가지씩 알기 쉽게.
변화의 의미와 지금 해야 할 일을 이해하기 쉽게 안내합니다.
촬영 디렉션 · 위에서 내려다보는 사선 / 준비 사물의 순서와 구획
색·빛 · 화이트·하늘색·에이프리콧 코랄 / 중립 자연광, 선명한 명암 단계
상담 전에 확인할 것
준비 시점 · 예약한 상담 전까지
- 계약서와 관련 기록 모으기
- 달라진 내용 메모하기
- 궁금한 점 정리하기
레이아웃 · 맑은 시선
기한·항목·행동을 읽는 순서대로 정렬합니다.
Apricot Coral · 강조 위치
현재 준비 항목과 다음 행동에 집중합니다.
그래픽 색 비중 · 목표
바탕 80 · 보조 8 · 정보 6 · 포인트 6%
사진 제외 시험값 / 실제 UI 구현에서 검증
필요한 도움까지,
경로를 분명하게.
고객 혼자 처리하기 어려운 시점에 절차·비용·전문가를 연결합니다.
촬영 디렉션 · 눈높이·미디엄 투샷 / 함께 보는 서류를 시선의 중심에
색·빛 · 화이트·하늘색·에이프리콧 코랄 / 중립 자연광, 선명한 명암 단계
어떤 도움이 필요하세요?
내 상황 · 서류를 모았지만 다음 절차를 판단하기 어려워요.
이용 가능 범위·비용·제공 조건은 별도 확인합니다. 비용 지원이 항상 포함된다는 의미는 아닙니다.
레이아웃 · 맑은 시선
상황·지원 종류·연결 행동의 위계를 고정합니다.
Apricot Coral · 강조 위치
도움으로 이어지는 연결 영역에 집중합니다.
그래픽 색 비중 · 목표
바탕 80 · 보조 8 · 정보 6 · 포인트 6%
사진 제외 시험값 / 실제 UI 구현에서 검증
핵심 비주얼은 ‘지금 볼 한 지점’입니다.
변화의 의미와 다음 행동을 빠르게 구별하도록 설계할 수 있습니다.
01 살핌 · 확인점
02 발견 · 변경점
03 준비 · 준비 행동
04 지원 · 도움의 연결
반복해서 남길 시각적 규칙
분명한 열 정렬, 얇은 구분선, 전후 비교. 사진과 정보의 경계를 유지해 무엇을 보고 무엇을 해야 하는지 구별합니다.
중립적인 자연광·열린 창·명료한 손동작. 에어블루부터 딥스카이까지 사진의 하늘과 그림자로 연결합니다.
Apricot Coral은 확인점 → 변경점 → 준비 → 연결로 위치를 바꾸되, 한 화면 안에서 주요 강조는 하나로 제한합니다.
사용할 때 기대하는 특장점
변화의 의미와 다음 행동을 빠르게 구별하도록 설계할 수 있습니다. 네 단계의 역할을 같은 타입과 색 규칙으로 연결해 키오스크·모바일·보고서에 확장할 수 있습니다.
변경 전후와 준비 항목이 많은 리포트에서 정보 위계를 일관되게 유지하기 좋습니다.
주의할 점
금융 서비스처럼 차갑게 보일 수 있어, 코랄과 생활 사진을 함께 사용합니다.
검증할 것 · 3초 안에 서비스의 성격과 다음 행동이 보이는지, 키오스크 환경에서 강조가 충분한지, 빌라·단독주택 거주자가 자신의 생활로 받아들이는지 비교합니다. 위 장점은 설계 가설이며 전환·신뢰 개선을 검증한 결과가 아닙니다.
사진은 컨셉 검토용 AI 생성 이미지이며 실제 고객 사례가 아닙니다. 서비스 범위·확인 주기·비용·지원 조건은 미확정입니다. 코랄/살구색은 보장이나 위험 등급을 뜻하지 않습니다. 주거 유형과 위험 단계를 고정 연결하지 않습니다.