5년 전보다 지금 이것이 더 중요한 이유
흔한 사이트 빌더 템플릿, AI가 만든 랜딩 페이지, “그럭저럭 괜찮아 보이는” SaaS 테마는 모두 같은 시각 언어로 수렴합니다. 둥근 산세리프, 가운데 정렬된 히어로, 부드러운 그라데이션, 넉넉한 여백, 안전하고 잊히기 쉬운 디자인. 딱히 틀린 건 아니고, 그저 서로 바꿔 끼울 수 있을 뿐입니다. 이런 소음 속에서 경쟁하는 독립 스튜디오나 1인 장인에게는 묻혀 버리는 것이 진짜 위험입니다. 자신감 있고 구체적인 서체의 목소리는, 모두가 쓰는 같은 템플릿의 또 하나의 사례가 아니라 관점을 가진 진짜 스튜디오처럼 보이기 위한 가장 저렴한 방법 중 하나입니다.
서체가 브랜딩의 일을 하게 만드는 5가지 원칙
변명하게 되는 폰트 조합이 아니라, 자신감 있는 하나의 목소리를 고수하세요
작은 스튜디오 사이트 대부분은 안전한 길을 택합니다. “무난한” 제목용 폰트에 더 무난한 본문용 폰트를 짝지어, 누구의 기분도 상하게 하지 않도록 고릅니다. 제목에는 눈에 띄는 디스플레이 서체를 하나 고르고, 그것이 정말 무언가처럼 보이게 하세요. 타이포그래피의 소심함은 작업의 소심함으로 읽힙니다.
중간이 아니라 스케일의 양 극단을 쓰세요
48px 제목에 16px 본문은 아무도 알아채지 못하는 흔한 기본값입니다. 독자가 스크롤해서 지나가야 하는 96px나 120px 제목은, 단어 하나를 읽기도 전에 자신감을 몸으로 느끼게 합니다. 극단은 기억에 남고, 중간 크기는 스크롤에 휩쓸려 지나갑니다.
비대칭을 허술함이 아니라 의도로 다루세요
모든 것을 가운데 정렬하는 것은 템플릿처럼 보이는 가장 빠른 길입니다. 왼쪽으로 튀어나온 제목, 어긋나게 둔 부제, 일부러 고르지 않게 만든 그리드. 이런 것들은 컴포넌트 라이브러리에서 물려받은 기본값이 아니라 사람 디자이너가 내린 결정으로 읽힙니다.
서체를 이미지 아래의 캡션이 아니라 그래픽 그 자체로 삼으세요
독립 스튜디오에게는 자신들을 정말로 차별화해 줄 맞춤 일러스트나 사진에 쓸 예산이 거의 없습니다. 크고 잘 짜인 서체에는 받쳐 주는 이미지가 필요하지 않습니다. 서체가 곧 비주얼입니다. 거대하게 놓고 커닝을 제대로 맞춘 단어 하나만으로 히어로 섹션 전체를 혼자 감당할 수 있습니다.
홈페이지 히어로만이 아니라 모든 곳에 적용하세요
인상적인 히어로 뒤에 흔한 본문과 기본 폼 필드가 이어지면, 한 번의 스크롤 만에 효과가 모두 사라집니다. 서체의 목소리는 내부 페이지의 제목, 버튼 라벨, 심지어 오류 상태까지 이어져야 합니다. 멋진 히어로를 진짜 브랜드로 만드는 것은 일관성입니다.
실제로는 어떤 모습인가
이 사이트에서는 히어로의 아주 큰 디스플레이 제목, 라벨과 메타데이터에 의도적으로 쓴 고정폭 폰트 포인트(유행이어서가 아니라 디스플레이 서체와의 대비가 위계를 만들기 때문에), 그리고 가운데 정렬이 기본값이라는 이유만으로 모든 것을 가운데에 두지 않는 태도로 나타납니다. 이 중 어느 것도 비싸지 않습니다. 호스팅이나 도구에 추가로 드는 유로는 0원입니다. 드는 것은 클라이언트가 이미 본 최근 열두 개의 템플릿처럼 보이지 않겠다는, 한 번 내리는 의도적인 결정뿐입니다.
템플릿이 아니라 진짜 타이포그래피 관점을 가진 사이트를 원하시나요?
이야기해 봅시다 →About
Patrick Chen — Sublimearts.io를 만든 독립 개발자 겸 웹 디자이너. 같은 스크롤 속에 묻히는 무난한 사이트 열 개보다, 자신감 있고 개성이 분명한 사이트 하나를 내놓는 쪽을 택합니다.