이미지와 figure는 본문의 리듬을 끊지 않아야 한다.
이 페이지는 로컬 번들 리소스, 캡션, 연결, 인라인 이미지를 함께 점검한다.

페이지 번들 이미지

랩 표지
커버 이미지

페이지 번들 안에 있는 이미지가 같은 폴더의 본문과 함께 이동하는지 확인한다.

토큰 흐름도
흐름도

디자인 토큰이 컴포넌트와 콘텐츠로 흘러가는 구조를 시각화했다.

링크가 있는 figure

링크형 표지
클릭 가능한 figure

링크와 target, rel 속성이 모두 안전하게 반영되는지 확인한다.

인라인 이미지

이미지 태그가 문장 가운데 들어가도 pattern 문장 리듬이 크게 흔들리지 않아야 한다.

확인 포인트

  • figure caption이 본문보다 더 강하게 보이지 않는가
  • 이미지가 줄바꿈을 망치지 않는가
  • inTextImg 가 baseline 근처에서 어색하게 튀지 않는가
  • 번들 리소스가 페이지와 같이 관리되는가
CTA 숏코드로 이동