AI 분석
좌측 사이드바와 탭이 있는 SaaS 설정 프로필 편집 화면을 라이트 모드와 다크 모드로 나란히 제시한 시안이다.
왼쪽 사이드바 내비게이션과 상단 탭 바, 오른쪽 폼 본문으로 이어지는 전형적인 설정 화면 레이아웃을 라이트 모드와 다크 모드 두 벌로 나란히 배치한다. 무채색 배경에 얇은 구분선과 낮은 채도의 아이콘을 쓰고, 산세리프 타이포를 굵기와 크기 두세 단계로만 나눠 정보 위계를 만든다. 프로필 사진 업로드, 2열 입력 필드, 접두사가 붙은 URL 필드, 드롭다운 선택, 설명 문구가 달린 토글, 하단 저장 안내 바 같은 설정 화면 컴포넌트가 한 화면에 모여 있고 강조색은 토글의 초록과 아바타 그라데이션 정도로 절제한다. 같은 컴포넌트가 두 테마에서 표면 색과 대비를 어떻게 바꾸는지 직접 비교할 수 있어 테마 토큰 설계와 설정 폼 구성 참고로 유용하다.
minimal · light-mode · dark-mode · monochrome
claude-opus-5 · 2026-09-07 05:54 · 신뢰도 0.92
