AI 분석
구름 낀 밤하늘 배경 위 원형 유리 버튼으로 볼륨을 조절하면 하늘 밝기가 반응하는 웹 인터랙션이다.
화면 전체를 별이 흩뿌려진 밤하늘과 사실적인 구름이 채우고, 상단에 왼쪽 초승달 로고와 오른쪽 원형 컨트롤 두 개, 알약형 문의 버튼이 놓인 헤더만 있는 풀블리드 구성이다. 짙은 남색에서 보라빛 인디고로 이어지는 그라데이션 위에 반투명 유리 질감의 버튼과 가는 흰색 산세리프 텍스트를 올렸다. 아치형 노브를 드래그하면 볼륨이 바뀌고 그에 맞춰 하늘 전체가 밝은 보라로 물들었다가 다시 어두워지며, 옆의 음파 아이콘도 활성 상태로 변한다. 흑백 로딩에서 컬러로 전환되는 도입부와 함께 iOS 컨트롤 감각을 웹으로 옮긴 사운드 연동 인터랙션 참고로 유용하다.
glassmorphism · dark-mode · soft-gradient · minimal
claude-opus-5-5 · 2026-10-21 16:56 · 신뢰도 0.75
