AI 분석
블로그 카드 컴포넌트를 드래그로 폭을 줄여 반응형 동작을 확인하는 라이트 모드 문서 화면이다.
상단에 로고와 텍스트 내비게이션만 둔 얇은 헤더가 있고 그 아래 넓은 여백의 흰 캔버스에 미리보기 컨테이너 하나가 놓인 단일 칼럼 구성이다. 흰 배경과 옅은 회색 보더, 검정 헤드라인과 회색 본문으로 대비를 정리했고 산세리프 타이포그래피에 굵은 제목과 작은 메타 텍스트로 위계를 만든다. 미리보기 안의 카드는 카테고리 배지, 날짜, 제목, 요약, 아바타와 읽는 시간·댓글 수 메타, 아웃라인 버튼으로 구성되며 오른쪽 가장자리의 리사이즈 핸들을 끌면 가로 2단에서 세로 스택으로 바뀌고 버튼이 전체 폭으로 늘어난다. 컴포넌트 문서에서 반응형 브레이크포인트 전환을 보여주는 인터랙션 패턴 참고로 쓸 만하다.
minimal · light-mode · techy
claude-opus-5 · 2026-09-07 21:52 · 신뢰도 0.85
