AI 분석
사이드바와 탭 구조 위에 공급업체 준비도 진행률과 이슈 요약 카드를 배치한 라이트 모드 상세 화면이다.
좌측 회색 톤 사이드바와 둥근 흰색 메인 패널이 나뉘고, 메인 영역은 브레드크럼, 대형 업체명 헤더, 아이콘 탭 바, 2열 카드 그리드 순으로 쌓인다. 따뜻한 오프화이트 배경에 검정 텍스트와 얇은 산세리프를 쓰고, 주황 상태 배지와 연한 파랑 인사이트 박스만 강조색으로 사용한다. 72% 대형 숫자 아래 촘촘한 세로 눈금형 진행 바와 체크·대기·미완료 상태의 단계 체크리스트가 핵심 컴포넌트이며, 공통 이슈 카드도 같은 눈금 바로 비율을 표현한다. 데이터 밀도를 유지하면서 차분한 B2B 상세 페이지를 구성하는 방식과 눈금형 진행 표시 표현을 참고하기에 유용하다.
minimal · light-mode · corporate
claude-opus-5-5 · 2026-10-16 05:48 · 신뢰도 0.92
