Display

배너와 마케팅용 대형 텍스트 컴포넌트

개요

환영합니다

공공서비스 플랫폼

HANUI 디자인 시스템

특별 할인

설치

사용법

⚠️ 중요: Display vs Heading

  • Display: 마케팅, 프로모션, 배너용 대형 텍스트
  • Heading: 페이지 제목 (h1, h2, h3) - 일반적인 사용

일반 페이지의 제목에는 Display 대신 Heading을 사용하세요.

예제

크기

Extra Large Display

32px (Mobile) / 48px (Desktop) · 700 (Bold) · 130% 줄 간격

Large Display

28px (Mobile) / 42px (Desktop) · 700 (Bold) · 130% 줄 간격

Medium Display

24px (Mobile) / 36px (Desktop) · 700 (Bold) · 130% 줄 간격

Small Display

20px (Mobile) / 32px (Desktop) · 700 (Bold) · 130% 줄 간격

커스텀 스타일

브랜드 컬러 적용