이 섹션은 글을 읽는 곳이 아니라 웹사이트가 제대로 만들어졌는지 점검하는 곳이다.
중심 원칙은 한 가지다.
design-tokens.css가 전역 디자인을 제어하고, config/_default/params.toml가 CTA 정책을 제어하며, 콘텐츠는 그 결과를 실제 화면에서 검증하는 역할만 맡는다.
이 섹션에서 보는 것#
- Markdown 기본문법이 실제 페이지에서 어떻게 보이는가
design-tokens.css의 변수들이 색상, 간격, 타이포그래피, 형태, 컴포넌트로 어떻게 내려오는가- CTA, figure, collapse, ltr/rtl, raw HTML, page bundle 리소스가 화면에서 어떻게 렌더링되는가
- 카테고리, 태그, 섹션, 리스트, 내부 링크가 언어별로 어떻게 연결되는가
빠른 진입점#
전체 커버리지 · 기초 · 구성요소 · 렌더링 · 구조 · 운영 · 공개 글
프런트엔드에서 확인할 순서#
- 헤더/네비게이션/본문 폭이 같은 토큰을 읽는지 본다.
- 색상과 표면이 라이트/다크 모드에서 같은 계층으로 유지되는지 본다.
- CTA와 카드, figure가 같은 반경과 그림자 체계를 쓰는지 본다.
- 표, 코드, 인용, collapse, bidi 블록이 본문 흐름을 깨지 않는지 본다.
- 언어별 글꼴과 줄바꿈이 한국어 우선 정책에 맞는지 본다.
중앙 토큰
design-tokens.css
색상 · 간격 · 타이포 · 형태
CTA 정책
config/_default/params.toml
preset · intent · priority
실제 검증
Markdown + Shortcode
렌더링 결과를 바로 확인