{3줄 요약}

타이포그래피가 "잘 작동한다"는 건 눈에 띄지 않는다는 뜻이에요. 글자보다 내용이 먼저 들어오는 상태예요.
잘 설계된 타이포그래피 뒤에는 항상 이유가 있어요. 이 사례들은 어떤 문제를 어떤 결정으로 풀었는지를 보여줘요.
타이포그래피를 이론으로 배우는 것과 실제 사례로 보는 것은 달라요. 사례를 보면 원칙이 살아있는 것처럼 느껴져요.

타이포그래피 사례를 보는 이유

타이포그래피 원칙을 아는 것과 그 원칙이 실제로 어떻게 적용되는지 아는 것은 달라요.

"행간은 1.5~1.6이 좋다"는 규칙을 알아도, 실제 서비스에서 이 기준이 왜 그렇게 결정됐는지, 어떤 상황에서 예외가 생기는지는 사례를 봐야 해요.

이 글은 세 가지 유형의 타이포그래피 사례를 분석해요: 디지털 서비스의 실무 사례, 미디어·콘텐츠 서비스 사례, 그리고 타이포그래피가 브랜드를 바꾼 사례.

어떤 타이포그래피 문제가 있었나요

타이포그래피 문제는 사용자가 "폰트가 이상하다"고 직접 말하는 경우가 드물어요.
대신 이런 신호로 나타나요.

  • "이 앱 왠지 불편해요" → 레이블이나 버튼 텍스트가 모호한 경우
  • "가격이 잘 안 보여요" → 금액 숫자 정렬 또는 대비 문제
  • "글이 읽기 싫어요" → 행간이 좁거나 줄 길이가 과한 경우
  • "뭔가 허름해 보여요" → 타이포그래피 위계가 없거나 일관성이 없는 경우

이런 문제를 해결한 실제 사례를 봐요.

사례별 타이포그래피 결정과 이유

[사례 1] 뉴욕타임스 디지털 전환

뉴욕타임스는 인쇄 신문 시대에 Cheltenham이라는 Serif 서체를 써왔어요.
디지털로 넘어오면서 "화면에서도 같은 느낌을 유지할 것인가, 아니면 화면에 맞게 바꿀 것인가"를 결정해야 했어요.

결정: Cheltenham을 디지털 환경에 최적화한 버전으로 유지하면서, 본문에는 Georgia(Serif)를 써요.
제목에 개성 있는 Serif, 본문에 읽기 편한 Serif.

이유: 독자들이 수십 년간 형성한 "뉴욕타임스스러운 신뢰감"을 서체에서 유지하는 것이 중요했어요.
디지털이 되어도 독자가 같은 권위감을 느끼길 원했어요.

결과: 지금도 뉴욕타임스 웹사이트는 Serif 중심이에요.
경쟁사들이 Sans-serif로 갈 때 독자적인 타이포그래피 정체성을 유지했어요.

[사례 2] 토스의 숫자 타이포그래피

초기 토스는 금액 표시에 일반 서체 설정을 써서 숫자 정렬이 들쑥날쑥했어요.
거래 내역 목록에서 금액 자릿수가 세로로 맞지 않았어요.

결정: 금액·잔액 표시 영역 전체에 Tabular Figures를 적용하고, 숫자 전용 서체 설정을 만들었어요.
동시에 금액 숫자의 크기를 주변 텍스트보다 크게 유지하는 원칙을 세웠어요.

이유: 금융 서비스에서 숫자 오독은 신뢰 문제로 직결돼요.
"내 잔액이 얼마인지 한눈에, 정확하게"가 핵심 UX였어요.

결과: 거래 내역 스크린샷이 SNS에 공유될 때 깔끔하게 정렬된 숫자가 브랜드 이미지를 강화했어요.
사용자들이 "토스는 뭔가 정갈하다"고 느끼는 요소 중 하나예요.

[사례 3] 카카오 브런치(brunch.co.kr) 콘텐츠 플랫폼

브런치는 글 중심 플랫폼이에요. 타이포그래피가 곧 서비스 경험이에요.
창작자들이 "내 글이 예쁘게 보인다"고 느껴야 플랫폼을 쓰고 싶어요.

결정: 본문 컨테이너 폭을 660px로 제한하고(줄 길이 제어), 행간 1.8, 약간 따뜻한 배경색, 여백을 넉넉하게 유지했어요.
Serif 서체 옵션도 제공해서 창작자가 선택할 수 있게 했어요.

이유: "읽기 좋은 환경 = 창작자에게 매력적인 플랫폼"이라는 판단이었어요.
타이포그래피 자체가 플랫폼 가치가 됐어요.

결과: "브런치에 올리면 글이 예뻐 보인다"는 인식이 생겼어요.
타이포그래피가 사용자 유입 동기가 된 경우예요.

타이포그래피 결정이 만든 차이

세 사례에서 공통점이 보여요.

  1. 타이포그래피는 도구가 아니라 전략이에요: 어떤 서비스인지, 어떤 사용자에게 어떤 인상을 줘야 하는지에 따라 결정이 달라요.
  2. 작은 결정이 큰 인상을 만들어요: 숫자 정렬 하나, 행간 0.2 차이가 "뭔가 다르다"는 느낌을 만들어요.
  3. 일관성이 신뢰를 만들어요: 개별 화면이 아니라 서비스 전체에서 같은 타이포그래피 언어를 쓸 때 브랜드가 완성돼요.

타이포그래피 결정에서 가져갈 것들

타이포그래피 사례를 분석할 때 좋은 질문이 있어요.

"이 서체를 왜 골랐을까?" "이 크기가 왜 이 화면에서 이렇게 설정됐을까?" "여기서 행간이 왜 이렇게 넓은 거지?"

이 질문들에 답할 수 있으면, 그다음에 직접 타이포그래피 결정을 내릴 때도 "왜"를 먼저 생각하게 돼요.

지금 작업 중인 프로젝트에 대입해보세요

  • 이 사례에서 핵심 타이포그래피 결정은 무엇이었나요?
  • 그 결정을 내 서비스에 적용한다면 어떻게 달라지나요?
  • 내 서비스의 타이포그래피에서 "왜 이렇게 됐지?"라는 질문이 드는 부분이 있나요?

관련 아티클

참고 문헌

  • Ellen Lupton, 《Thinking with Type》(2004) - 타이포그래피 사례 분석과 실무 적용의 핵심 레퍼런스예요.
  • Robert Bringhurst, 《The Elements of Typographic Style》(1992) - 사례 분석의 기준이 되는 타이포그래피 원칙이에요.