Vega Logo
v1.0.0
Typography

폰트는 정보를 전달하고 일관된 경험을 제공하는 중요한 요소입니다.

Alpha Code에서 사용하는 대표적인 폰트는 ‘Pretandard’입니다. 프리텐다드 폰트는 고유의 스타일을 가지고 있으면서도 과하지 않아서, 다양한 디자인에 잘 어울리는 장점이 있습니다.

Pretendard
프리텐다드는 SIL 오픈 폰트 라이선스로, 다양한 포맷과 137개의 언어를 지원합니다.
가나다
ABC
abc
123
@#!?*
프리텐다드 폰트를 쓸 수 없는 상황에선 프리텐다드의 한글 바탕이 된 Noto Sans CJK KR를 사용합니다
사용 가이드
텍스트의 위계에 따라 폰트의 크기 및 자족을 아래와 같이 사용합니다.
StyleSize (px)Size (rem)WeightLine HeightName
Heading 3xl301.875Bold150%--font-head-bold-3xl
Heading 2xl241.5Bold150%--font-head-bold-2xl
Heading xl201.25Bold130%--font-head-bold-xl
Heading lg181.125Bold130%--font-head-bold-lg
Body lg181.125Bold120%--font-body-bold-lg
Body md161Medium120%--font-body-medium-md
Body md161Regular120%--font-body-regular-md
Body sm140.875Bold120%--font-body-bold-sm
Body sm140.875Medium120%--font-body-medium-sm
Body sm140.875Regular120%--font-body-regular-sm
Body xs120.75Bold120%--font-body-bold-xs
Body xs120.75Medium120%--font-body-medium-xs
Body xs120.75Regular120%--font-body-regular-xs
Detail 2xs100.625Regular120%--font-detail-2xs
Hierarchy
Heading, Body, Detail 등 기본이 되는 텍스트 계층을 정의합니다.
Heading 2xl
->
Heading xl
->
Heading lg
->
Body sm
->
Body xs
->
페이지 타이틀
콘텐츠 타이틀
콘텐츠 서브 타이틀
주요 콘텐츠
주요 콘텐츠의 보조 콘텐츠