Typography

1. Type Scale

Tailwind CSS 폰트 크기 스케일

클래스	크기	샘플
.text-3xl	30px / 1.875rem	Typography
.text-2xl	24px / 1.5rem	Typography
.text-xl	20px / 1.25rem	Typography
.text-lg	18px / 1.125rem	Typography
.text-base	16px / 1rem	Typography
.text-sm	14px / 0.875rem	Typography
.text-xs	12px / 0.75rem	Typography

2. Font Weight

Tailwind CSS 폰트 굵기

클래스	값	샘플
.font-normal	400	Typography
.font-medium	500	Typography
.font-semibold	600	Typography
.font-bold	700	Typography

3. Component Typography

컴포넌트별 타이포그래피 클래스 (ui-system.css 스타일 적용)

Page

.page-title

페이지 제목

.page-description

페이지에 대한 설명 텍스트입니다.

Card

.card-title

카드 제목

.card-description

카드에 대한 설명 텍스트입니다.

Modal

.modal-title

.modal-description

Form

.form-label

폼 레이블

.form-hint

폼 필드에 대한 힌트 텍스트입니다.

Toast

.toast-message

토스트 메시지입니다.