AI 분석
일정 카드의 접힘·펼침 두 상태를 같은 화면에 나란히 보여주는 컴포넌트 시안이다.
옅은 사선 패턴 캔버스 위에 라운드가 큰 단일 카드가 중앙 정렬로 놓이고, 위에는 접힌 상태, 아래에는 펼친 상태를 함께 배치해 상태 변화를 한눈에 비교하게 한다. 펼친 영역은 왼쪽 아이콘+라벨, 오른쪽 값이라는 두 칼럼 규칙으로 정렬되며 날짜·시간·링크·알림 값은 모두 얇은 테두리의 pill 형태 칩으로 감싸 읽기 단위를 끊는다. 타이포그래피는 산세리프 한 종류에 굵기와 회색 단계만으로 위계를 만들고, 보라색 캘린더 아이콘과 초록색 토글, 참석자 상태 배지만 색을 갖는 절제된 강조 방식을 쓴다. 하단은 얇은 구분선으로 분리한 응답 액션 영역이라 카드 안에서 정보와 행동이 명확히 나뉜다. 같은 구조를 라이트와 다크 두 벌로 제시해 표면 단계·테두리·강조색이 테마에 따라 어떻게 재매핑되는지 보여주는 점이 컴포넌트 설계 레퍼런스로 유용하다.
minimal · light-mode · dark-mode
claude-opus-5 · 2026-09-07 18:10 · 신뢰도 0.93