TypoGram

TypoGram

Typogram (Hua Shu and Wenting Zhang) · 이미지

TypoGram은 디자인 기반이 없어도 브랜드의 시각 요소를 한자리에서 갖출 수 있는, 스타트업 창업자와 소상공인을 위한 로고·브랜드 키트 제작 도구다.

TypoGram 미리보기

TypoGram 소개

What Is TypoGram

TypoGram은 브라우저에서 돌아가는 로고 디자인 도구로, 두 디자이너 Hua Shu와 Wenting Zhang이 만들었다. 두 사람은 회사를 그만두고, 이제 막 사업을 시작하는 사람에게 디자인을 가까이 두려 했다. 대상은 디자이너를 쓸 여유가 없고 Photoshop이나 Illustrator를 몇 주씩 배울 생각도 없는 창업자와 소규모 사업자다.

로고 생성기, 폰트 탐색, 색상 팔레트, AI 아이콘 생성, 호스팅형 브랜드 가이드라인을 하나의 작업 공간에 모았다. 스타일 질문 몇 개에 답하고 방향을 고른 뒤, 나머지는 슬라이더로 다듬는다. 디자인 회사를 대신하려는 게 아니라, 당일에 바로 쓸 수 있는 브랜드를 넘겨주는 것이 목적이다.

가장 큰 한계는 범위다. TypoGram은 타이포그래피 중심으로 설계돼 문자 로고나 단순한 아이콘, 브랜드 시스템에는 잘 맞지만, 공들인 일러스트나 정교한 아트에는 힘을 쓰기 어렵다. 게다가 브라우저에서만 돌아가고 데스크톱 앱은 없다.

Getting Started

  1. TypoGram 공식 사이트에서 무료 계정을 만들거나 곧바로 작업 공간에 들어간다.
  2. 스타일 질문에 답하고 디자인 슬라이더를 움직여 로고 방향을 정한다.
  3. 폰트와 색, 아이콘을 바꾸거나 AI 도구로 벡터 아이콘을 만든다.
  4. PNG나 SVG로 내보내거나 완성한 디자인을 Figma, Illustrator로 복사한다.
  5. 로고, 팔레트, 서체 시스템을 호스팅형 브랜드 가이드라인으로 저장해 팀과 공유한다.

제품 정보

TypoGram의 요금, 지원 플랫폼, 성능을 한눈에 확인해 보세요.

무료 플랜예
유료 플랜$0 - $124.99 one-time
플랫폼Web (browser)
개발사Typogram (Hua Shu and Wenting Zhang)
카테고리이미지
출시일Sep 2023
최근 업데이트Sep 2025
웹사이트 방문 수2.6K
웹사이트 글로벌 순위6.2M
API 제공 여부아니요

추천 대상

이 도구가 가장 잘 맞는 사용자, 작업, 상황입니다.

사용자

  • 스타트업 창업자
  • 소상공인
  • 디자인 초보자

작업

  • 문자 로고 설계
  • 폰트 고르기
  • 색상 팔레트 만들기

활용 상황

  • 새 브랜드를 빠르게 출시
  • 오래된 브랜드 새단장
  • 디자인을 팀에 넘기기

주요 기능

슬라이더식 로고 디자인

TypoGram의 핵심은 앵커 포인트를 끌어당기는 대신 슬라이더를 움직여 로고를 만드는 방식이다. 출발 방향을 정한 뒤 자간과 굵기, 스타일을 조절해 문자 로고를 맞춰 간다. 디자인 교육을 받지 않은 사람이 손맛 나는 결과에 짧은 시간에 도달하는 길이다.

상업용 서체를 다루는 폰트 탐색

폰트 탐색에서는 상업용 라이선스 서체 패밀리를 폭넓게 훑고 세리프, 산세리프, 가변 폰트 같은 특징으로 걸러낸다. 서체마다 그것이 지닌 브랜드 성격이 태그로 붙는다. 이름이 아니라 내고 싶은 느낌으로 찾는 구조다. 적용한 서체는 모두 상업적 사용이 허락돼 있다.

AI 아이콘 생성

문자 로고만으로 부족할 때는 AI 아이콘 생성이 짧은 설명에서 벡터 아이콘을 만든다. 무료 플랜에서는 생성 수가 제한되고 유료 플랜에서는 제한 없이 만들 수 있다. 출력이 벡터라서 명함이든 매장 간판이든 화질 저하 없이 키울 수 있다.

색상 팔레트 검색

팔레트 도구는 브랜드에 맞는 배색을 검색해 적용하고, 그 색을 로고와 가이드라인으로 이어 준다. 서체와 색을 같은 작업 공간에서 맞추면 여기저기서 모은 조각이 아니라 하나로 이어진 정체성으로 정리된다.

호스팅형 브랜드 가이드라인

로고가 정해지면 TypoGram은 로고, 팔레트, 서체 시스템을 하나의 가이드라인 페이지로 엮는다. 링크를 인쇄소나 개발자, 동료에게 넘기면 같은 요소를 다시 쓸 수 있다. 낱개의 로고를 반복 사용 가능한 브랜드 시스템으로 바꾸는 부분이다.

내보내기와 타 도구 연동

완성한 결과물은 PNG와 SVG로 내보낼 수 있고, 디자인을 그대로 Figma나 Adobe Illustrator에 붙여 넣을 수 있다. 빠르게 SNS 배너를 만들려는 사람과, 전문 도구에서 편집을 이어 가려는 사람 모두를 아우른다.

장단점

장점

  • 슬라이더 안내 덕분에 디자인 경험이 없는 사람도 로고 제작에 손을 댈 수 있다.
  • 타이포그래피 중심 흐름은 그림을 못 그려도 정돈된 문자 로고를 만들어 낸다.
  • 로고, 서체, 배색, 가이드라인을 여러 도구가 아니라 하나의 작업 공간에 모은다.
  • 단일 결제 라이선스라면 브랜드 키트 하나에 한 번만 지불하고 월 요금은 없다.
  • SVG로 내보내고 Figma, Illustrator로 매끄럽게 넘길 수 있다.

단점

  • 단일 결제 라이선스는 브랜드 하나만 덮어서, 여러 브랜드를 다루는 제작사는 브랜드마다 비용을 낸다.
  • 타이포그래피에 무게를 둬서 세밀한 일러스트나 마스코트형 로고에는 어울리지 않는다.
  • 브라우저 전용이라 오프라인 작업용 데스크톱 앱이 없다.

자주 묻는 질문

TypoGram은 로고와 브랜드 키트 일체를 설계하는 도구로, 주로 타이포그래피에서 출발한다. 창업자는 이걸로 로고, 색상 팔레트, 서체 시스템, 공유 가능한 브랜드 가이드라인을 한곳에서 만든다.