AI 분석
아이콘 레일과 사이드바를 공유하는 다크 모드 개발자 도구의 설정 화면과 코드 편집 화면이다.
좁은 아이콘 레일, 반투명 보조 사이드바, 넓은 본문 영역으로 이루어진 3단 데스크톱 레이아웃이 두 화면에 공통으로 쓰인다. 거의 검은 배경에 회색 계열 산세리프 텍스트를 쓰고, 설정 화면은 주황색, IDE 화면은 보라색 로고와 문법 강조색을 포인트로 둔다. 설정 화면은 에이전트 목록 카드, 모델 드롭다운, 슬라이더, 프롬프트 입력 영역, 설정 진행 표시와 체험판 안내 배지를 담고, IDE 화면은 접히는 페이지 트리, 파일 탭, 기기 미리보기 토글, 줄 번호가 있는 코드 편집기를 보여준다. 블러 처리된 배경 위에 반투명 사이드바를 겹친 표현과 일관된 셸 구조는 개발자용 SaaS의 설정·편집 화면을 설계할 때 참고하기 좋다.
dark-mode · minimal · techy · glassmorphism
claude-opus-5-5 · 2026-10-16 05:56 · 신뢰도 0.80
