AI 분석
아이콘 레일과 반투명 사이드바를 갖춘 다크 모드 개발자 도구의 설정 화면과 코드 편집기다.
왼쪽 아이콘 레일, 반투명 보조 사이드바, 넓은 본문으로 이어지는 3단 구조가 두 화면에 공통으로 쓰인다. 거의 검은 배경에 중립 회색 텍스트를 두고, 설정 화면은 오렌지, IDE는 보라 브랜드 색을 강조색으로 한정해 쓴다. 설정 화면은 에이전트 목록 카드, 모델 드롭다운, 슬라이더, 출력 제어 셀렉트, 프롬프트 입력 영역, 온보딩 진행 칩과 체험 만료 배너를 담고, IDE는 접히는 페이지 트리, 파일 탭, 데스크톱·모바일 전환 토글, 구문 강조 코드 영역을 보여준다. 흐릿한 배경 위로 사이드바가 비치는 글래스 효과와 절제된 구분선은 개발자용 SaaS 설정·편집 화면의 밀도와 위계를 잡는 참고로 유용하다.
dark-mode · minimal · techy · glassmorphism
claude-opus-5-5 · 2026-09-24 05:30 · 신뢰도 0.85