AI 분석
밝은 회색 배경 위에 흰 카드와 알약형 버튼으로 외부 소프트웨어 연동 단계를 구성한 화면이다.
연한 회색 배경 위에 둥근 모서리의 흰 카드를 2열 그리드로 배치하고, 각 카드에 서비스 아이콘·제목·짧은 설명·우상단 알약형 버튼을 같은 자리에 반복해 스캔하기 쉬운 구조를 만든다. 타이포그래피는 기하학적 산세리프 한 종류로 굵은 제목과 중간 회색 본문 두 단계만 쓰고, 색은 거의 무채색으로 눌러 서비스 브랜드 아이콘과 그라데이션 버튼만 시선을 끌게 한다. 버튼은 기본 검정, 비활성 회색, 활성 상태의 주황–보라 그라데이션 세 가지로 상태를 구분하고, 세로 스테퍼는 현재 단계만 검은 원으로 채우고 나머지는 흐린 회색으로 낮춰 진행 위치를 알린다. 연동·권한 연결 플로우에서 카드 반복 구조와 상태 표현, 여백 중심의 밀도 조절을 참고하기 좋다.
minimal · light-mode · soft-gradient · corporate
claude-opus-5 · 2026-09-07 16:17 · 신뢰도 0.92