이 글은 검증 랩의 입구이자 요약본이다.
한 페이지 안에서 Markdown, CTA, figure, collapse, raw HTML, 언어 방향성, 토큰 색감, 카드 분위기를 함께 본다.

바로 확인할 항목

콘텐츠 기본 문법

굵게, 기울임, 인라인 코드, 취소선, 내부 링크

  1. 번호 목록
  2. 그 안의 inline code
    • 하위 목록
    • 또 다른 하위 목록
  3. 다시 본문
  • 일반 목록
  • 또 다른 항목
  • 마지막 항목

이 문장은 인용문이다. 인용문은 문맥을 낮추지만, 전체 톤은 유지해야 한다.

유형 예시 확인
색상 var(--accent) 강조색이 CTA와 링크에 일관되게 연결되는가
표면 var(--surface) 카드와 배경의 대비가 충분한가
모서리 var(--radius-lg) 카드, 버튼, figure의 반경이 같은 축인가

코드와 캡션

theme-vars.css
  └─ colors
  └─ typography
  └─ shape
  └─ components
theme token flow
토큰 흐름

중앙 토큰이 컴포넌트와 페이지에 내려오는 구조를 한 번 더 확인한다.

숏코드 조합

토큰 페이지 열기

접어서 보기

안쪽에서도 Markdown이 계속 살아 있어야 한다.

방향성 확인

العربية العربية العربية. 글의 방향이 바뀌어도 페이지 폭과 카드 간격은 동일한 토큰을 읽어야 한다.

검증 카드

실제 배포 관점 체크

  • 페이지 제목과 카드 제목이 줄바꿈에서 끊기지 않는가
  • 코드 블록과 표가 모바일에서도 스크롤 가능한가
  • 다크 모드에서 표면과 경계선이 충분히 분리되는가
  • 내부 링크가 실제 라우팅과 일치하는가
검증 로그 보기

이 페이지에서 모두 확인된다면, 나머지 페이지는 역할만 나눠 가진다.
이제 세부 페이지에서 각 축을 더 좁게 본다.