지금 써보러 갑니다, 를 통해 컬러 – 폰트 관련 서비스를 여럿 소개했던 이유는 스스로가 필요했기 때문이었어요. 사이드 프로젝트, 문서 작성 등 다양한 업무 내 컬러가 활용되는데 내부 가이드 유무를 떠나 더 매력적인 조합을 찾고 싶은 마음이 컸습니다. 다행히(?) 지금은 처음 일을 시작했을 때보다 컬러나 폰트를 찾고 조합하는게 상대적으로 쉬워졌어요. 여러 툴의 도움을 받고 있고요.

오늘은 ‘Typespiration’라는 이름의, 컬러는 물론 폰트 조합을 어떻게 활용하면 좋을지, 폰트와 어울리는 컬러와 반대로 컬러와 어울리는 폰트 정보를 쉽게 확인 할 수 있는 서비스를 소개하려고 합니다.

이 곳에서는 태그와 컬러, 폰트 성격에 따라 원하는 조합을 쉽게 찾아 볼 수 있어요.

물론 검색을 하지 않고, 최근 등록된 순서에 따라 다양한 조합을 리스트 형태로 확인 할 수도 있습니다.

리스트에서 특정 이미지를 클릭하면 위와 같이 상세 정보를 확인 할 수 있는데요. 단순히 폰트, 컬러 정보를 보여주는 것이 아니라 동일한 문구로 각기 다르게 적용된 폰트와 버튼 등에 쓰인 컬러를 확인 할 수 있어요. 왼쪽으로는 구성을, 오른쪽으로는 구성에 쓰인 폰트 정보와 컬러 정보를 확인 할 수 있는 모습입니다.

폰트에는 텍스트 링크가 적용되어 있어 구글 폰트 등 상세 정보 확인이 가능한 화면으로 이동이 가능해요.

다른 사례를 살펴볼까요? 처음 본 사례와 동일한 문구가 적용된 모습 보이시나요? 이처럼 동일한 문구를 기준으로 컬러와 폰트 조합을 확인할 수 있습니다.

웹 페이지를 구축할 때 기본적으로 사용 되는 타이틀, 본문, 버튼 등에 대한 기본 구성을 바탕으로 관련 정보를 확인 할 수 있다는 점이 저는 가장 좋았습니다. 막상 컬러 조합을 잘 찾았다 하더라도 어울릴 폰트를 찾아 적용하거나 하는 일은 또 다른 일이 될 수 있기 때문입니다. 폰트 종류에 따라 어울리는 컬러가 있다는 점도 구체적으로 확인 할 수 있고요.

메일을 등록하면 구글 폰트 조합과 관련된 문서를 받아볼 수 있어요. 이와 별개로 가이드라는 이름으로 여러 콘텐츠와 웹 타이포 관련 온라인 커리큘럼도 제공해줍니다. 다음 프로젝트에 도움이 될 (영문 기준) 폰트와 컬러 조합 정보가 필요하다면, 이 곳을 통해 더 자세한 내용을 확인해보세요!

장점

  • 밀접한 관계에 있는 폰트와 컬러 조합을 한 눈에 살펴볼 수 있어요.
  • 웹 상에서 타이포를 어떻게 다뤄야 하는지에 대한 기본 가이드를 제공해 줍니다.
  • 원하는 컬러나 폰트에 따라 결과를 쉽게 찾아볼 수 있어요.
  • 뉴스레터를 신청하면 새로 추가되는 조합을 빠르게 받아볼 수 있어요.

단점

  • 아직 조합 사례가 많지 않아요. (계속 업데이트 될 예정이라고!)

함께 활용해보세요!