AI 분석
사이드바 내비와 탭 위에 3단 요금제 카드를 배치한 다크 모드 SaaS 결제 설정 화면이다.
왼쪽 고정 사이드바와 오른쪽 콘텐츠 영역으로 나뉜 2단 구조이며, 상단에 브레드크럼과 검색 바, 그 아래 섹션 탭 줄이 놓여 화면 위계가 세 겹으로 정리된다. 거의 검정에 가까운 배경 위에 한 단계 밝은 카드 면을 얹어 깊이를 만들고, 보라색 하나만 현재 플랜 배지·주요 버튼·활성 탭 밑줄에 제한적으로 써서 시선을 모은다. 타이포그래피는 산세리프 단일 서체로 가격 숫자만 크게 키우고 설명 문구는 낮은 명도의 회색으로 눌러 대비를 조절한다. 요금제 카드는 포함 항목과 미포함 항목을 체크·엑스 아이콘으로 나눠 같은 리듬으로 반복하고 각 행 끝에 정보 아이콘을 붙여 밀도를 유지한다. 현재 플랜만 보라색 테두리로 강조해 선택 상태를 알리는 처리가 결제 화면 설계 참고로 유용하다.
dark-mode · minimal · high-contrast · corporate
claude-opus-5 · 2026-09-07 05:52 · 신뢰도 0.93
