이 페이지는 page bundle 안의 자산이 실제로 어떻게 보이는지 확인한다.

번들 구성

  • index.md : 설명 본문
  • cover.svg : 섹션 커버 이미지
  • diagram.svg : 토큰 흐름 다이어그램

커버

Theme upgrade lab cover
page bundle cover

같은 폴더에 있는 이미지를 페이지와 함께 묶어 배포한다.

다이어그램

Theme token diagram
token diagram

토큰과 컴포넌트, 최종 화면의 관계를 시각화한다.

확인 포인트

  • 상대경로 리소스가 URL 배포 후에도 유지되는가
  • 이미지와 본문이 같은 버전으로 관리되는가
  • 섹션 리소스가 외부 코드 의존 없이 읽히는가