AI 분석
좌측 사이드바 내비와 라벨-필드 2열 폼으로 구성한 소셜 서비스의 프로필 편집 설정 화면이다.
밝은 회색 배경 위에 흰 카드 형태의 앱 셸을 띄우고, 상단 바·좌측 사이드바 내비·우측 폼 영역으로 화면을 나눈 데스크톱 설정 화면이다. 사이드바는 프로필과 설정 두 그룹으로 항목을 묶고 활성 항목에만 연한 초록 배경과 좌측 인디케이터 바를 주며, 본문은 좌측에 라벨과 보조 설명, 우측에 입력 필드를 두는 2열 폼 구조를 반복한다. 산세리프 타이포그래피와 낮은 채도의 뉴트럴 팔레트를 유지한 채 초록색만 유효성 체크·포커스 테두리 같은 상태 표시에 쓰고, 도메인 프리픽스가 붙은 결합형 입력, 서식 툴바가 뜨는 텍스트 영역, 태그 칩 입력, 소셜 서비스 아이콘이 달린 링크 필드 등 폼 컴포넌트 변형을 다양하게 보여준다. 설정·계정 편집 화면의 정보 구조와 입력 컴포넌트 상태 처리를 참고하기에 유용하다.
minimal · light-mode · corporate
claude-opus-5 · 2026-09-07 16:16 · 신뢰도 0.93
