Font Pairing Web, TYPOLAB

서비스 디자인을 하거나 포스터를 제작할 때, 어떤 폰트를 골라야 좋을지 고민했던 경험이 있으신가요?
골라둔 한글 폰트와 어울리는 영문 폰트를 고민하고 계신가요? 🤷

선택한 한글과 비슷한 영문 폰트를 추천해주고 폰트를 쉽게 사용할 수 있도록 도와주는 서비스를 제작했습니다.

기술 스택

• TypeScript, Next.js
• Node.js, Express
• python
• AWS EC2, ELB, Route53, Docker
• MongoDB Atlas, Vector DB
• Figma

1. 🔠 선택한 국문 글꼴 기반 유사한 영문 폰트 추천

선택한 국문 폰트와 비슷한 영문 폰트를 추천해줍니다.	추천된 다섯 종류의 영문 폰트와 그 유사도를 확인할 수 있습니다.

2. 👀 폰트 정보 조회, 미리 써보기

폰트 정보를 조건에 따라 조회할 수 있습니다.	폰트명, 패밀리, 디자이너, 저작권 정보를 열람하고 직접 써볼 수 있습니다.

3. ✅ 선택한 폰트 저장, 디자인 시스템 생성 및 이미지로 다운로드

마음에 드는 폰트를 저장하고 별칭을 설정하거나 다운로드할 수 있습니다.	사용할 폰트를 모아 이미지로 내보내고 css 코드를 받아볼 수 있습니다.

4. 추천된 두 폰트 사용 가이드 제공

두 폰트를 함께 사용할 때 참고할 수 있는 가이드를 제공합니다.

How to test

https://www.typolabo.com/