실제 사용 예시
이것은 본문 텍스트입니다. 주요 콘텐츠를 설명하는데 사용되며, 읽기 편한 크기로 설정되어 있습니다.
이것은 더 작은 본문 텍스트입니다. 부가적인 설명이나 보조 정보에 사용됩니다.
강조하고 싶은 내용을 담은 박스입니다.
참고: 이것은 캡션 텍스트입니다.
<div className="space-y-4">
<h1 className="typography-headline1-bold">페이지 제목</h1>
<h2 className="typography-headline2">섹션 제목</h2>
<p className="typography-body1">본문 텍스트입니다.</p>
<span className="typography-caption1">캡션 텍스트입니다.</span>
</div>