AI 분석
중립 색 토큰과 카드 경계로 정리한 밝은 강의 상세 페이지다.
상단에 얇은 고정 헤더를 두고 본문을 넓은 좌측 콘텐츠와 좁은 우측 사이드바 2단으로 나눈 레이아웃이다. 좌측은 라운드 처리된 대형 영상 히어로 아래에 제목과 본문 단락을 담은 흰 카드가 이어지고, 우측은 난이도·형식·분량을 알리는 배지 줄, 검은 채움 기본 버튼과 아웃라인 보조 버튼, 재생 아이콘과 소요 시간이 붙은 커리큘럼 목록 카드로 구성된다. 타이포그래피는 굵은 산세리프 제목과 회색 본문의 2단계 대비로 단순하게 유지하고, 색은 흰 배경·연회색 테두리·검정 강조 하나로 절제하며 현재 선택된 강의 행만 좌측 액센트 바와 옅은 배경으로 표시한다. shadcn/ui 기본 토큰을 거의 변형 없이 사용한 사례라 학습 서비스나 콘텐츠 상세 화면의 정보 위계와 CTA 배치 참고로 쓰기 좋다.
minimal · light-mode · monochrome
claude-opus-5 · 2026-09-07 06:03 · 신뢰도 0.93
