타이포그래피 스타일

2025년 3월 04일, 화요일

기존

Globalrolefont sizeline heightletter spacingweighttransform
headlinesh14rem1.2-0.02embold 700capitalize
h23rem1.2-0.02em
subheadingsh32.5rem1.3-0.015emsemi-bold 600
h42rem1.3-0.015em
Leadh51.563rem1.4-0.015emmedium 500
h61.25rem1.4-0.015em
post title2rem1.3-0.015em
post title extras1.25rem1.125em0.01em
bodybody17.5px (1em=1.09375rem)1.50normal 400
Smallserif0.75rem1.20400
labelsmono0.625rem1.20500

Typography tokens

  • Responsive Typography Sensitivity(0.00-1.00): 0.50
  • Minimum Font Size Factor(0.00-4.00): 1.00
  • pc=16px, Major Third-1.250 / mobile=14px, Major Second-1.125가 되도록 근사함.
StyleAvadaPC SizeMobile/Tablet SizeWeightLine heightLetter Spacing(tracking)
Display Large96 (6rem)57 h2 pc700 bold1-0.25px(-0.015rem)
Display Medium72 (4.5rem)45 h1 mobile5001.050
Display SmallHeadline164 (4rem)36 h2 mobile7001.1-0.02em
Headline LargeHeadline248 (3rem)32600 semi-bold1.15-0.02em
Headline MediumHeadline328 (1.75rem)28 h3 pc500 medium1.3-0.015rem
Headline SmallHeadline424 (1.5rem)24 h3 h4 mobile5001.30.03rem
Title LargeHeadline522 (1.375rem)22400 normal1.30.03rem
Title MediumSubtitle1 / H617.5(1.09375rem)166001.50.015rem
Title SmallSubtitle214 (0.875rem)145001.40.01em
Body LargeBody116px (1rem)16400 normal1.50.03rem (0.5px)
Body MediumBody2 serif14 (0.875rem)14 mobile4001.40.02rem
Body SmallCaption12 (0.75rem)124001.30.03rem
Label LargeButton14px145001.40.01rem
Label MediumOverline12px125001.30.03rem
Label Small목차11px115001.450.03rem
chip mono0.625 10px5001.20

디스플레이 Large: 700, -0.02rem

디스플레이 Medium: 500

디스플레이 Small: 700, -0.02em


H2 Heading

헤드라인 Large: 600, -0.02em

H3 Heading

헤드라인 Medium: 500, -0.015rem

H4 Heading

헤드라인 Small: 500

H5 Heading
타이틀 Large: 400
H6 Heading
타이틀 Medium: 600, 0.015rem
타이틀 Small: 500, 0.01em

본문 Large: 0.03rem

본문 Medium: 0.02rem

본문 Small: 0.03rem

레이블 Large: 500, 0.01rem

레이블 Medium: 500, 0.03rem

레이블 Small: 500, 0.03rem

Last Updated: 2025년 03월 05일0 Comments on 타이포그래피 스타일

onthispost

Last Updated: 2025년 03월 05일Categories: 자료정리Views: 123

댓글 남기기