AI 분석
풀블리드 히어로 위에 다크 바텀시트를 올려 캠페인 조건과 제출 플로우를 정리한 모바일 화면이다.
상단은 제품 이미지를 풀블리드로 깔고 그 위에 뒤로가기, 브랜드 마크, 단가 배지를 얹은 뒤 둥근 모서리의 다크 바텀시트가 화면 아래 대부분을 덮는 구조다. 거의 검정에 가까운 배경과 흰 산세리프 제목이 만드는 고대비 위에, 주황 배지와 초록 진행 바만 강조색으로 남겨 색 사용을 절제했다. 칩 형태의 태그, 진행 바가 붙은 카운터, 화살표가 달린 요약 행, 밑줄 탭, 인라인 영상 썸네일, 화면 하단에 고정된 흰색 알약 버튼이 주요 컴포넌트이고, 두 번째 화면은 아이콘과 레이블·값이 한 줄을 이루는 조건 목록 시트로 전환된다. 계층이 뚜렷한 다크 모바일 상세 화면과 두 단계 바텀시트 전환을 설계할 때 참고하기 좋다.
dark-mode · minimal · high-contrast
claude-opus-5 · 2026-09-07 18:30 · 신뢰도 0.92
