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

바로 확인할 항목

Markdown 기본문법

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

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

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

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

코드 블록

theme-vars.css
  └─ colors
  └─ typography
  └─ shape
  └─ components

토큰이 실제로 보이는가

표면
card / page / section
상태
hover / active / focus
카드
primary / secondary / utility
토큰 흐름도
토큰 흐름

중앙 토큰이 페이지, 숏코드, 내비게이션으로 내려오는 구조를 확인한다.

CTA와 collapse

무료 체험으로 확인
}

CTA 상세 보기
}

접어서 보는 추가 점검

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

}

방향성 확인

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

English text is shown here so the page can verify that Latin text, line wrapping, and inline code spacing remain stable when the document mixes scripts.
}

마무리 CTA

자세히 보기
}
체크리스트 내려받기
}
외부 문서 열기
}

이 페이지에서 모두 확인된다면, 나머지 페이지는 역할만 나눠 가진다.