디자인 시스템 미리보기

WebMaker 프로젝트의 디자인 시스템과 컴포넌트 라이브러리를 확인할 수 있습니다.

타이포그래피

text-4xl font-bold

text-3xl font-semibold

text-2xl font-semibold

text-xl font-medium

text-lg font-medium

대형 본문 텍스트 - 주요 설명이나 인트로에 사용 (text-lg)

기본 본문 텍스트 - 일반적인 콘텐츠에 사용 (text-base)

작은 본문 텍스트 - 부가 정보나 캡션에 사용 (text-sm)

매우 작은 텍스트 - 저작권 표시나 메타 정보에 사용 (text-xs)

인라인 코드 스타일

// 코드 블록 스타일
function example() {
  return "Hello, World!";
}

인용문 스타일

“이것은 블록 인용문의 예시입니다. 중요한 내용이나 인용구에 사용됩니다.”