← ui-ux-pro-max 데이터 리포트 목록

Dataset 4 / 5 — data/typography.csv · 74행 × 11컬럼 · 전체 한글화 + 실폰트 렌더링

74개 폰트 페어링

헤딩+본문 폰트 조합 데이터베이스. 왼쪽 미리보기는 해당 페어링의 실제 웹폰트로 렌더링되며, 다국어 페어링은 해당 언어 문자로 표시됩니다.

74폰트 페어링
8다국어 페어링 (CJK·아랍어 등)
17모바일 타입 시스템 (58–74)
100%실제 폰트로 미리보기

모든 미리보기는 실제 웹폰트로 렌더링됩니다. 각 페어링의 Google Fonts를 직접 불러오므로, 지금 보고 있는 헤드라인·본문이 곧 실제 적용 결과입니다. (인터넷 연결 필요 — 오프라인이면 시스템 폰트로 대체 표시됩니다.)

데이터 구조: 단순 폰트 목록이 아니라 "설치 키트"입니다. 원본 CSV의 각 행에 Google Fonts URL, CSS @import, Tailwind fontFamily 설정이 포함되어 있어 검색 결과를 그대로 프로젝트에 복사할 수 있습니다.

주의점: 20번(Satoshi)·39번(Clash Display)은 Fontshare 폰트라 Google 대안 폰트로 미리보기됩니다. Press Start 2P(52번)처럼 400 굵기만 있는 폰트는 헤딩에서 브라우저가 굵기를 합성해 표시합니다.

74개 표시 중

코어 페어링 (1–20)

제품 성격별 기본 페어링. 스타일 검색 시 가장 먼저 매칭되는 그룹입니다.

AaBbCc 012345
Interfaces with intent
Typography sets the tone before a single word is read — weight, rhythm, and contrast do the talking.

01클래식 엘레강스

Classic Elegant

헤딩 Playfair Display + 본문 Inter 세리프 + 산스

적합한 제품럭셔리 브랜드, 패션, 스파·뷰티, 에디토리얼, 하이엔드 커머스
노트우아한 세리프 헤딩과 깔끔한 산스 본문의 강한 대비. 럭셔리·프리미엄에 최적.
키워드elegant, luxury, sophisticated, timeless, premium, editorial
AaBbCc 012345
Interfaces with intent
Typography sets the tone before a single word is read — weight, rhythm, and contrast do the talking.

02모던 프로페셔널

Modern Professional

헤딩 Poppins + 본문 Open Sans 산스 + 산스

적합한 제품SaaS, 기업 사이트, 비즈니스 앱, 스타트업, 전문 서비스
노트기하학적 Poppins 헤딩 + 인문주의적 Open Sans 본문의 가독성 조합.
키워드modern, professional, clean, corporate, friendly, approachable
AaBbCc 012345
Interfaces with intent
Typography sets the tone before a single word is read — weight, rhythm, and contrast do the talking.

03테크 스타트업

Tech Startup

헤딩 Space Grotesk + 본문 DM Sans 산스 + 산스

적합한 제품테크 기업, 스타트업, SaaS, 개발자 도구, AI 제품
노트Space Grotesk의 독특한 개성 + DM Sans의 높은 가독성.
키워드tech, startup, modern, innovative, bold, futuristic
AaBbCc 012345
Interfaces with intent
Typography sets the tone before a single word is read — weight, rhythm, and contrast do the talking.

04에디토리얼 클래식

Editorial Classic

헤딩 Cormorant Garamond + 본문 Libre Baskerville 세리프 + 세리프

적합한 제품출판, 블로그, 뉴스, 문예지, 북커버
노트올-세리프 조합이 주는 전통 에디토리얼 감성.
키워드editorial, classic, literary, traditional, refined, bookish
AaBbCc 012345
Interfaces with intent
Typography sets the tone before a single word is read — weight, rhythm, and contrast do the talking.

05미니멀 스위스

Minimal Swiss

헤딩 Inter + 본문 Inter 산스 + 산스

적합한 제품대시보드, 관리자 패널, 문서, 엔터프라이즈 앱, 디자인 시스템
노트단일 폰트를 굵기 변화로만 운용하는 궁극의 단순함.
키워드minimal, clean, swiss, functional, neutral, professional
AaBbCc 012345
Interfaces with intent
Typography sets the tone before a single word is read — weight, rhythm, and contrast do the talking.

06플레이풀 크리에이티브

Playful Creative

헤딩 Fredoka + 본문 Nunito 디스플레이 + 산스

적합한 제품어린이 앱, 교육, 게임, 크리에이티브 툴, 엔터테인먼트
노트둥글고 친근한 폰트 — 장난기 있는 UI에 최적.
키워드playful, friendly, fun, creative, warm, approachable
AaBbCc 012345
Interfaces with intent
Typography sets the tone before a single word is read — weight, rhythm, and contrast do the talking.

07볼드 스테이트먼트

Bold Statement

헤딩 Bebas Neue + 본문 Source Sans 3 디스플레이 + 산스

적합한 제품마케팅 사이트, 포트폴리오, 에이전시, 이벤트, 스포츠
노트Bebas Neue는 대형 헤드라인 전용 올캡 디스플레이 폰트.
키워드bold, impactful, strong, dramatic, modern, headlines
AaBbCc 012345
Interfaces with intent
Typography sets the tone before a single word is read — weight, rhythm, and contrast do the talking.

08웰니스 캄

Wellness Calm

헤딩 Lora + 본문 Raleway 세리프 + 산스

적합한 제품헬스 앱, 웰니스, 스파, 명상, 요가, 오가닉 브랜드
노트Lora의 유기적 곡선 + Raleway의 우아한 단순함.
키워드calm, wellness, health, relaxing, natural, organic
AaBbCc 012345
Interfaces with intent
Typography sets the tone before a single word is read — weight, rhythm, and contrast do the talking.

09개발자 모노

Developer Mono

헤딩 JetBrains Mono + 본문 IBM Plex Sans 모노 + 산스

적합한 제품개발자 도구, 문서, 코드 에디터, 테크 블로그, CLI 앱
노트코드는 JetBrains Mono, UI는 IBM Plex Sans — 개발자 중심 조합.
키워드code, developer, technical, precise, functional, hacker
AaBbCc 012345
Interfaces with intent
Typography sets the tone before a single word is read — weight, rhythm, and contrast do the talking.

10레트로 빈티지

Retro Vintage

헤딩 Abril Fatface + 본문 Merriweather 디스플레이 + 세리프

적합한 제품빈티지 브랜드, 브루어리, 레스토랑, 포스터
노트Abril Fatface는 히어로 헤드라인 전용. 임팩트 강한 빈티지 감성.
키워드retro, vintage, nostalgic, dramatic, decorative, bold
AaBbCc 012345
Interfaces with intent
Typography sets the tone before a single word is read — weight, rhythm, and contrast do the talking.

11지오메트릭 모던

Geometric Modern

헤딩 Outfit + 본문 Work Sans 산스 + 산스

적합한 제품범용, 포트폴리오, 에이전시, 모던 브랜드, 랜딩 페이지
노트둘 다 기하학적이지만 헤딩에선 Outfit이 더 개성 있음.
키워드geometric, modern, clean, balanced, contemporary, versatile
AaBbCc 012345
Interfaces with intent
Typography sets the tone before a single word is read — weight, rhythm, and contrast do the talking.

12럭셔리 세리프

Luxury Serif

헤딩 Cormorant + 본문 Montserrat 세리프 + 산스

적합한 제품패션 브랜드, 럭셔리 커머스, 주얼리, 하이엔드 서비스
노트Cormorant의 우아함 + Montserrat의 기하학적 정밀함.
키워드luxury, high-end, fashion, elegant, refined, premium
AaBbCc 012345
Interfaces with intent
Typography sets the tone before a single word is read — weight, rhythm, and contrast do the talking.

13프렌들리 SaaS

Friendly SaaS

헤딩 Plus Jakarta Sans + 본문 Plus Jakarta Sans 산스 + 산스

적합한 제품SaaS, 웹앱, 대시보드, B2B, 생산성 도구
노트만능 단일 폰트. Inter의 현대적 대안.
키워드friendly, modern, saas, clean, approachable, professional
AaBbCc 012345
Interfaces with intent
Typography sets the tone before a single word is read — weight, rhythm, and contrast do the talking.

14뉴스 에디토리얼

News Editorial

헤딩 Newsreader + 본문 Roboto 세리프 + 산스

적합한 제품뉴스 사이트, 블로그, 매거진, 저널리즘
노트Newsreader는 장문 독서용으로 설계됨. UI는 Roboto.
키워드news, editorial, journalism, trustworthy, readable, informative
AaBbCc 012345
Interfaces with intent
Typography sets the tone before a single word is read — weight, rhythm, and contrast do the talking.

15손글씨 참

Handwritten Charm

헤딩 Caveat + 본문 Quicksand 스크립트 + 산스

적합한 제품개인 블로그, 초대장, 크리에이티브 포트폴리오, 라이프스타일
노트Caveat은 포인트 용도로만 아껴 쓰기. 본문은 Quicksand.
키워드handwritten, personal, friendly, casual, warm, charming
AaBbCc 012345
Interfaces with intent
Typography sets the tone before a single word is read — weight, rhythm, and contrast do the talking.

16기업 신뢰

Corporate Trust

헤딩 Lexend + 본문 Source Sans 3 산스 + 산스

적합한 제품엔터프라이즈, 정부, 헬스케어, 금융, 접근성 중심
노트Lexend는 가독성 연구 기반 설계. 접근성 탁월.
키워드corporate, trustworthy, accessible, readable, professional, clean
AaBbCc 012345
Interfaces with intent
Typography sets the tone before a single word is read — weight, rhythm, and contrast do the talking.

17브루탈리스트 로우

Brutalist Raw

헤딩 Space Mono + 본문 Space Mono 모노 + 모노

적합한 제품브루탈리즘 디자인, 개발자 포트폴리오, 실험적, 테크 아트
노트올-모노가 주는 날것의 브루탈리스트 미학.
키워드brutalist, raw, technical, monospace, minimal, stark
AaBbCc 012345
Interfaces with intent
Typography sets the tone before a single word is read — weight, rhythm, and contrast do the talking.

18패션 포워드

Fashion Forward

헤딩 Syne + 본문 Manrope 산스 + 산스

적합한 제품패션 브랜드, 크리에이티브 에이전시, 갤러리, 디자인 스튜디오
노트Syne의 독특한 헤드라인 개성 + Manrope의 가독성.
키워드fashion, avant-garde, creative, bold, artistic, edgy
AaBbCc 012345
Interfaces with intent
Typography sets the tone before a single word is read — weight, rhythm, and contrast do the talking.

19소프트 라운디드

Soft Rounded

헤딩 Varela Round + 본문 Nunito Sans 산스 + 산스

적합한 제품어린이 제품, 펫 앱, 친근한 브랜드, 웰니스, 소프트 UI
노트둘 다 둥글고 친근함. 소프트 UI에 최적.
키워드soft, rounded, friendly, approachable, warm, gentle
AaBbCc 012345
Interfaces with intent
Typography sets the tone before a single word is read — weight, rhythm, and contrast do the talking.

20프리미엄 산스

Premium Sans

헤딩 Satoshi + 본문 General Sans 산스 + 산스

적합한 제품프리미엄 브랜드, 모던 에이전시, SaaS, 포트폴리오
노트Satoshi·General Sans는 Fontshare 폰트 — Google 대안은 DM Sans.
키워드premium, modern, clean, sophisticated, versatile, balanced

다국어 페어링 (21–28)

베트남어·일본어·한국어·중국어(번체/간체)·아랍어·태국어·히브리어 — 각 언어의 실제 문자로 미리보기가 렌더링됩니다. RTL 언어는 오른쪽에서 왼쪽으로 표시됩니다.

AaBbCc 012345
Thiết kế có chủ đích
Kiểu chữ định hình cảm xúc trước khi người dùng đọc dòng đầu tiên.

21베트남어 프렌들리

Vietnamese Friendly

헤딩 Be Vietnam Pro + 본문 Noto Sans 산스 + 산스

적합한 제품베트남어 사이트, 다국어 앱, 글로벌 제품
노트Be Vietnam Pro의 베트남어 지원이 우수. 폴백은 Noto.
키워드vietnamese, international, readable, clean, multilingual, accessible
AaBbCc 012345
意図あるデザイン
タイポグラフィは、最初の一文を読む前に印象を決定づける。

22일본어 엘레강스

Japanese Elegant

헤딩 Noto Serif JP + 본문 Noto Sans JP 세리프 + 산스

적합한 제품일본어 사이트, 일식당, 문화 콘텐츠, 애니·망가
노트Noto 계열의 탁월한 일본어 지원. 전통 + 현대 감성.
키워드japanese, elegant, traditional, modern, multilingual, readable
AaBbCc 012345
의도가 담긴 디자인
타이포그래피는 첫 문장을 읽기 전에 이미 분위기를 결정합니다.

23한국어 모던

Korean Modern

헤딩 Noto Sans KR + 본문 Noto Sans KR 산스 + 산스

적합한 제품한국어 사이트, K-뷰티, K-팝, 한국 비즈니스
노트깔끔한 한글 타이포그래피. 단일 폰트를 굵기로 운용.
키워드korean, modern, clean, professional, multilingual, readable
AaBbCc 012345
有意圖的設計
在閱讀第一句話之前,字體已經決定了整體氛圍。

24중국어 번체

Chinese Traditional

헤딩 Noto Serif TC + 본문 Noto Sans TC 세리프 + 산스

적합한 제품번체 중국어 사이트, 문화 콘텐츠, 대만·홍콩 시장
노트번체 문자 지원. 우아한 조합.
키워드chinese, traditional, elegant, cultural, multilingual, readable
AaBbCc 012345
有意图的设计
在阅读第一句话之前,字体已经决定了整体氛围。

25중국어 간체

Chinese Simplified

헤딩 Noto Sans SC + 본문 Noto Sans SC 산스 + 산스

적합한 제품간체 중국어 사이트, 중국 본토 시장, 비즈니스 앱
노트간체 지원. 깔끔하고 현대적인 인상.
키워드chinese, simplified, modern, professional, multilingual, readable
AaBbCc 012345
تصميم بقصد
تحدد الطباعة الانطباع قبل قراءة الجملة الأولى.

26아랍어 엘레강스

Arabic Elegant

헤딩 Noto Naskh Arabic + 본문 Noto Sans Arabic 세리프 + 산스

적합한 제품아랍어 사이트, 중동 시장, 이중언어 사이트
노트RTL 지원. 전통은 Naskh, 현대적 표현은 Sans.
키워드arabic, elegant, traditional, cultural, RTL, readable
AaBbCc 012345
การออกแบบที่มีเจตนา
ตัวอักษรกำหนดอารมณ์ก่อนที่ผู้ใช้จะอ่านประโยคแรก

27태국어 모던

Thai Modern

헤딩 Noto Sans Thai + 본문 Noto Sans Thai 산스 + 산스

적합한 제품태국어 사이트, 동남아, 관광, 태국 레스토랑
노트깔끔한 태국어 타이포그래피. 뛰어난 가독성.
키워드thai, modern, readable, clean, multilingual, accessible
AaBbCc 012345
עיצוב עם כוונה
הטיפוגרפיה קובעת את הרושם עוד לפני קריאת המשפט הראשון.

28히브리어 모던

Hebrew Modern

헤딩 Noto Sans Hebrew + 본문 Noto Sans Hebrew 산스 + 산스

적합한 제품히브리어 사이트, 이스라엘 시장, 이중언어 사이트
노트RTL 지원. 깔끔한 현대 히브리어 타이포그래피.
키워드hebrew, modern, RTL, clean, professional, readable

도메인 특화 페어링 (29–57)

법률·의료·금융·부동산·게임·크립토 등 업종별 페어링과 브루탈리즘·픽셀 레트로 같은 스타일 특화 조합.

AaBbCc 012345
Interfaces with intent
Typography sets the tone before a single word is read — weight, rhythm, and contrast do the talking.

29법률 프로페셔널

Legal Professional

헤딩 EB Garamond + 본문 Lato 세리프 + 산스

적합한 제품로펌, 법률 서비스, 계약서, 공문서, 정부
노트EB Garamond가 주는 권위 + Lato의 깔끔한 본문.
키워드legal, professional, traditional, trustworthy, formal, authoritative
AaBbCc 012345
Interfaces with intent
Typography sets the tone before a single word is read — weight, rhythm, and contrast do the talking.

30메디컬 클린

Medical Clean

헤딩 Figtree + 본문 Noto Sans 산스 + 산스

적합한 제품헬스케어, 클리닉, 제약, 건강 앱, 접근성
노트의료 컨텍스트에 맞는 깔끔하고 접근성 높은 폰트.
키워드medical, clean, accessible, professional, healthcare, trustworthy
AaBbCc 012345
Interfaces with intent
Typography sets the tone before a single word is read — weight, rhythm, and contrast do the talking.

31금융 신뢰

Financial Trust

헤딩 IBM Plex Sans + 본문 IBM Plex Sans 산스 + 산스

적합한 제품은행, 금융, 보험, 투자, 핀테크, 엔터프라이즈
노트IBM Plex가 전달하는 신뢰와 전문성. 데이터 표현에 탁월.
키워드financial, trustworthy, professional, corporate, banking, serious
AaBbCc 012345
Interfaces with intent
Typography sets the tone before a single word is read — weight, rhythm, and contrast do the talking.

32부동산 럭셔리

Real Estate Luxury

헤딩 Cinzel + 본문 Josefin Sans 세리프 + 산스

적합한 제품부동산, 럭셔리 매물, 건축, 인테리어
노트Cinzel 헤드라인의 우아함 + Josefin의 모던한 본문.
키워드real estate, luxury, elegant, sophisticated, property, premium
AaBbCc 012345
Interfaces with intent
Typography sets the tone before a single word is read — weight, rhythm, and contrast do the talking.

33레스토랑 메뉴

Restaurant Menu

헤딩 Playfair Display SC + 본문 Karla 세리프 + 산스

적합한 제품레스토랑, 카페, 푸드 블로그, 호스피탈리티
노트스몰캡 Playfair로 메뉴 헤더, 설명은 Karla.
키워드restaurant, menu, culinary, elegant, foodie, hospitality
AaBbCc 012345
Interfaces with intent
Typography sets the tone before a single word is read — weight, rhythm, and contrast do the talking.

34아르데코

Art Deco

헤딩 Poiret One + 본문 Didact Gothic 디스플레이 + 산스

적합한 제품빈티지 이벤트, 아르데코 테마, 클래식 호텔·칵테일
노트Poiret One은 아르데코 헤드라인 전용. 본문은 Didact.
키워드art deco, vintage, 1920s, elegant, decorative, gatsby
AaBbCc 012345
Interfaces with intent
Typography sets the tone before a single word is read — weight, rhythm, and contrast do the talking.

35매거진 스타일

Magazine Style

헤딩 Libre Bodoni + 본문 Public Sans 세리프 + 산스

적합한 제품매거진, 온라인 출판, 에디토리얼, 저널리즘
노트Bodoni의 에디토리얼 우아함 + Public Sans의 깔끔한 UI.
키워드magazine, editorial, publishing, refined, journalism, print
AaBbCc 012345
Interfaces with intent
Typography sets the tone before a single word is read — weight, rhythm, and contrast do the talking.

36크립토/Web3

Crypto/Web3

헤딩 Orbitron + 본문 Exo 2 산스 + 산스

적합한 제품크립토 플랫폼, NFT, 블록체인, 미래지향 테크
노트Orbitron 미래적 헤더 + Exo 2의 읽기 좋은 본문.
키워드crypto, web3, futuristic, tech, blockchain, digital
AaBbCc 012345
Interfaces with intent
Typography sets the tone before a single word is read — weight, rhythm, and contrast do the talking.

37게이밍 볼드

Gaming Bold

헤딩 Russo One + 본문 Chakra Petch 디스플레이 + 산스

적합한 제품게임, e스포츠, 액션 게임, 경쟁 스포츠
노트Russo One의 임팩트 + Chakra Petch의 테크한 본문.
키워드gaming, bold, action, esports, competitive, energetic
AaBbCc 012345
Interfaces with intent
Typography sets the tone before a single word is read — weight, rhythm, and contrast do the talking.

38인디/크래프트

Indie/Craft

헤딩 Amatic SC + 본문 Cabin 디스플레이 + 산스

적합한 제품크래프트 브랜드, 인디 제품, 수공예, 오가닉
노트Amatic의 손글씨 감성 + Cabin의 가독성 본문.
키워드indie, craft, handmade, artisan, organic, creative
AaBbCc 012345
Interfaces with intent
Typography sets the tone before a single word is read — weight, rhythm, and contrast do the talking.

39스타트업 볼드

Startup Bold

헤딩 Clash Display + 본문 Satoshi 산스 + 산스

적합한 제품스타트업, 피치덱, 제품 런칭, 볼드 브랜드
노트Clash Display는 Fontshare 폰트 — Google 대안은 Outfit.
키워드startup, bold, modern, innovative, confident, dynamic
AaBbCc 012345
Interfaces with intent
Typography sets the tone before a single word is read — weight, rhythm, and contrast do the talking.

40이커머스 클린

E-commerce Clean

헤딩 Rubik + 본문 Nunito Sans 산스 + 산스

적합한 제품이커머스, 온라인 스토어, 상품 페이지, 리테일
노트상품 설명에 최적인 깔끔한 가독성 조합.
키워드ecommerce, clean, shopping, product, retail, conversion
AaBbCc 012345
Interfaces with intent
Typography sets the tone before a single word is read — weight, rhythm, and contrast do the talking.

41학술/연구

Academic/Research

헤딩 Crimson Pro + 본문 Atkinson Hyperlegible 세리프 + 산스

적합한 제품대학, 연구 논문, 학술지, 교육
노트Crimson의 학술적 헤드라인 + Atkinson의 접근성.
키워드academic, research, scholarly, accessible, readable, educational
AaBbCc 012345
Interfaces with intent
Typography sets the tone before a single word is read — weight, rhythm, and contrast do the talking.

42대시보드 데이터

Dashboard Data

헤딩 Fira Code + 본문 Fira Sans 모노 + 산스

적합한 제품대시보드, 애널리틱스, 데이터 시각화, 관리자 패널
노트Fira 패밀리의 통일감 — 데이터는 Code, 라벨은 Sans.
키워드dashboard, data, analytics, code, technical, precise
AaBbCc 012345
Interfaces with intent
Typography sets the tone before a single word is read — weight, rhythm, and contrast do the talking.

43음악/엔터테인먼트

Music/Entertainment

헤딩 Righteous + 본문 Poppins 디스플레이 + 산스

적합한 제품음악 플랫폼, 엔터, 이벤트, 페스티벌, 공연
노트Righteous의 대담한 엔터 헤더 + Poppins 본문.
키워드music, entertainment, fun, energetic, bold, performance
AaBbCc 012345
Interfaces with intent
Typography sets the tone before a single word is read — weight, rhythm, and contrast do the talking.

44미니멀 포트폴리오

Minimalist Portfolio

헤딩 Archivo + 본문 Space Grotesk 산스 + 산스

적합한 제품디자인 포트폴리오, 크리에이티브 전문가, 미니멀 브랜드
노트Space Grotesk의 개성 헤더 + Archivo의 깔끔한 본문.
키워드minimal, portfolio, designer, creative, clean, artistic
AaBbCc 012345
Interfaces with intent
Typography sets the tone before a single word is read — weight, rhythm, and contrast do the talking.

45키즈/교육

Kids/Education

헤딩 Baloo 2 + 본문 Comic Neue 디스플레이 + 산스

적합한 제품어린이 앱, 교육 게임, 키즈 콘텐츠
노트재미있고 장난스러운 폰트. Comic Neue는 읽기 쉬운 코믹체.
키워드kids, education, playful, friendly, colorful, learning
AaBbCc 012345
Interfaces with intent
Typography sets the tone before a single word is read — weight, rhythm, and contrast do the talking.

46웨딩/로맨스

Wedding/Romance

헤딩 Great Vibes + 본문 Cormorant Infant 스크립트 + 세리프

적합한 제품웨딩 사이트, 초대장, 로맨틱 브랜드, 브라이덜
노트Great Vibes는 우아한 포인트 전용. 본문은 Cormorant.
키워드wedding, romance, elegant, script, invitation, feminine
AaBbCc 012345
Interfaces with intent
Typography sets the tone before a single word is read — weight, rhythm, and contrast do the talking.

47과학/기술

Science/Tech

헤딩 Exo + 본문 Roboto Mono 산스 + 산스

적합한 제품과학, 연구, 기술 문서, 데이터 헤비 사이트
노트Exo의 모던 테크 감성 + Roboto Mono의 코드/데이터.
키워드science, technology, research, data, futuristic, precise
AaBbCc 012345
Interfaces with intent
Typography sets the tone before a single word is read — weight, rhythm, and contrast do the talking.

48접근성 우선

Accessibility First

헤딩 Atkinson Hyperlegible + 본문 Atkinson Hyperlegible 산스 + 산스

적합한 제품접근성 필수 사이트, 정부, 헬스케어, 포용적 디자인
노트최대 가독성을 목표로 설계된 폰트. 접근성에 탁월.
키워드accessible, readable, inclusive, WCAG, dyslexia-friendly, clear
AaBbCc 012345
Interfaces with intent
Typography sets the tone before a single word is read — weight, rhythm, and contrast do the talking.

49스포츠/피트니스

Sports/Fitness

헤딩 Barlow Condensed + 본문 Barlow 산스 + 산스

적합한 제품스포츠, 피트니스, 짐, 애슬레틱 브랜드
노트컨덴스드 폰트의 임팩트 헤드라인 + 일반 Barlow 본문.
키워드sports, fitness, athletic, energetic, condensed, action
AaBbCc 012345
Interfaces with intent
Typography sets the tone before a single word is read — weight, rhythm, and contrast do the talking.

50럭셔리 미니멀

Luxury Minimalist

헤딩 Bodoni Moda + 본문 Jost 세리프 + 산스

적합한 제품럭셔리 미니멀 브랜드, 하이엔드 패션, 프리미엄 제품
노트Bodoni의 고대비 우아함 + Jost의 기하학적 본문.
키워드luxury, minimalist, high-end, sophisticated, refined, premium
AaBbCc 012345
Interfaces with intent
Typography sets the tone before a single word is read — weight, rhythm, and contrast do the talking.

51테크/HUD 모노

Tech/HUD Mono

헤딩 Share Tech Mono + 본문 Fira Code 모노 + 모노

적합한 제품SF 인터페이스, 개발자 도구, 사이버보안, 대시보드
노트Share Tech Mono의 클래식 SF 룩.
키워드tech, futuristic, hud, sci-fi, data, monospaced, precise
AaBbCc 012345
Interfaces with intent
Typography sets the tone before a single word is read — weight, rhythm, and contrast do the talking.

52픽셀 레트로

Pixel Retro

헤딩 Press Start 2P + 본문 VT323 디스플레이 + 산스

적합한 제품픽셀아트 게임, 레트로 웹, 크리에이티브 포트폴리오
노트Press Start 2P는 매우 크고 넓음 — 본문은 VT323.
키워드pixel, retro, gaming, 8-bit, nostalgic, arcade
AaBbCc 012345
Interfaces with intent
Typography sets the tone before a single word is read — weight, rhythm, and contrast do the talking.

53뉴브루탈리스트 볼드

Neubrutalist Bold

헤딩 Lexend Mega + 본문 Public Sans 디스플레이 + 산스

적합한 제품뉴브루탈리즘, Gen Z 브랜드, 볼드 마케팅
노트Lexend Mega의 뚜렷한 개성과 가변 굵기.
키워드bold, neubrutalist, loud, strong, geometric, quirky
AaBbCc 012345
Interfaces with intent
Typography sets the tone before a single word is read — weight, rhythm, and contrast do the talking.

54학술/아카이브

Academic/Archival

헤딩 EB Garamond + 본문 Crimson Text 세리프 + 세리프

적합한 제품대학 사이트, 아카이브, 연구 논문, 역사
노트고전 학술 미학. 매우 높은 가독성.
키워드academic, old-school, university, research, serious, traditional
AaBbCc 012345
Interfaces with intent
Typography sets the tone before a single word is read — weight, rhythm, and contrast do the talking.

55스페이셜 클리어

Spatial Clear

헤딩 Inter + 본문 Inter 산스 + 산스

적합한 제품공간 컴퓨팅, AR/VR, 글래스모피즘 인터페이스
노트동적 배경 위 가독성에 최적화.
키워드spatial, legible, glass, system, clean, neutral
AaBbCc 012345
Interfaces with intent
Typography sets the tone before a single word is read — weight, rhythm, and contrast do the talking.

56키네틱 모션

Kinetic Motion

헤딩 Syncopate + 본문 Space Mono 디스플레이 + 모노

적합한 제품음악 페스티벌, 자동차, 고에너지 브랜드
노트Syncopate의 넓은 자폭이 모션 이펙트와 잘 어울림.
키워드kinetic, motion, futuristic, speed, wide, tech
AaBbCc 012345
Interfaces with intent
Typography sets the tone before a single word is read — weight, rhythm, and contrast do the talking.

57Gen Z 브루탈

Gen Z Brutal

헤딩 Anton + 본문 Epilogue 디스플레이 + 산스

적합한 제품Gen Z 마케팅, 스트리트웨어, 바이럴 캠페인
노트Anton은 임팩트 있는 컨덴스드 — 스티커·뱃지에 좋음.
키워드brutal, loud, shouty, meme, internet, bold

모바일 타입 시스템 (58–74)

단순 페어링이 아니라 굵기·크기 스케일까지 지정된 완성형 모바일 타이포 시스템. 노트에 스케일 수치가 포함되어 있습니다.

AaBbCc 012345
Interfaces with intent
Typography sets the tone before a single word is read — weight, rhythm, and contrast do the talking.

58바우하우스 기하

Bauhaus Geometric

헤딩 Outfit + 본문 Outfit 기하 산스 (단일 패밀리)

적합한 제품바우하우스 모바일 앱, 볼드 에디토리얼, 아트/컬처 플랫폼
노트Outfit 단일 패밀리: 900 올캡 히어로 / 700 버튼·내비 / 500 본문. 모바일에서 과감한 스케일.
키워드bauhaus, geometric, constructivist, bold, uppercase, architectural, mechanical, poster, tactile
AaBbCc 012345
Interfaces with intent
Typography sets the tone before a single word is read — weight, rhythm, and contrast do the talking.

59미니멀 모노크롬 에디토리얼

Minimalist Monochrome Editorial

헤딩 Playfair Display + 본문 Source Serif 4 세리프 + 세리프 + 모노 (트리플)

적합한 제품럭셔리 패션 모바일, 에디토리얼, 디지털 전시, 포트폴리오
노트트리플 스택: Playfair 900 히어로(단어를 그래픽처럼 줄바꿈) + Source Serif 4 본문 + JetBrains Mono 올캡 라벨.
키워드monochrome, editorial, austere, typographic, pocket manifesto, luxury, high contrast, brutalist mobile
AaBbCc 012345
Interfaces with intent
Typography sets the tone before a single word is read — weight, rhythm, and contrast do the talking.

60모던 다크 시네마

Modern Dark Cinema (Inter System)

헤딩 Inter + 본문 Inter 산스 + 모노

적합한 제품개발자 도구, 핀테크/트레이딩, AI 대시보드, 스트리밍
노트Inter 단일 정밀 시스템: Display 48pt(-1.5 자간) → 본문 16pt → 라벨 올캡.
키워드dark, cinematic, technical, precision, clean, premium, developer, professional, high-end utility
AaBbCc 012345
Interfaces with intent
Typography sets the tone before a single word is read — weight, rhythm, and contrast do the talking.

61SaaS 모바일 부티크

SaaS Mobile Boutique (Calistoga + Inter)

헤딩 Calistoga + 본문 Inter 디스플레이 세리프 + 산스 + 모노

적합한 제품B2B SaaS 모바일, 핀테크 앱, 애널리틱스, 마케팅 툴
노트트리플: Calistoga 히어로(인간적 따뜻함) + Inter 본문/UI + JetBrains Mono 데이터 라벨.
키워드saas, boutique, electric, warm, editorial, bold, premium, fintech, business, dual font, human warmth
AaBbCc 012345
Interfaces with intent
Typography sets the tone before a single word is read — weight, rhythm, and contrast do the talking.

62터미널 CLI 모노스페이스

Terminal CLI Monospace

헤딩 JetBrains Mono + 본문 JetBrains Mono 모노 단일 패밀리

적합한 제품개발자 도구, Web3, 해커 감성, SF 게임, 보안 도구
노트JetBrains Mono 단일. 12/14/16pt 3단계만 허용, 굵기는 400 고정(볼드는 모노 특성을 해침).
키워드terminal, cli, hacker, monospace, matrix, developer, retro-future, command line, precision, OLED
AaBbCc 012345
Interfaces with intent
Typography sets the tone before a single word is read — weight, rhythm, and contrast do the talking.

63키네틱 브루탈리즘

Kinetic Brutalism (Space Grotesk)

헤딩 Space Grotesk + 본문 Space Grotesk 기하 산스 (단일 지배)

적합한 제품음악/컬처 앱, 스포츠 플랫폼, 브랜드 플래그십, 드롭
노트Space Grotesk 700–900 전면 사용. 히어로 60–120pt, 모든 디스플레이·버튼 올캡.
키워드kinetic, brutalist, aggressive, uppercase, oversized, display, motion, street, bold, high-energy, zine
AaBbCc 012345
Interfaces with intent
Typography sets the tone before a single word is read — weight, rhythm, and contrast do the talking.

64플랫 디자인 모바일

Flat Design Mobile (System Bold)

헤딩 Inter + 본문 Inter 산스 + 산스

적합한 제품크로스플랫폼 앱, 대시보드, 시스템 UI, 온보딩
노트Inter 우선 + iOS/Android 시스템 폰트(SF/Roboto) 폴백 전략.
키워드flat, clean, system, bold, geometric, cross-platform, icon, poster, minimal, functional, responsive
AaBbCc 012345
Interfaces with intent
Typography sets the tone before a single word is read — weight, rhythm, and contrast do the talking.

65Material You MD3

Material You MD3 (Roboto System)

헤딩 Roboto + 본문 Roboto 산스 (시스템 기본)

적합한 제품안드로이드 앱, 크로스플랫폼, 생산성, 엔터프라이즈 모바일
노트MD3 공식 타입 스케일 그대로: Display 56 / Headline 32 / Title 22 / Body 16 / Label 12.
키워드material design 3, md3, android, google, tonal, friendly, rounded, accessible, adaptive
AaBbCc 012345
Interfaces with intent
Typography sets the tone before a single word is read — weight, rhythm, and contrast do the talking.

66네오 브루탈리즘 모바일

Neo Brutalism Mobile (Space Grotesk Heavy)

헤딩 Space Grotesk + 본문 Space Grotesk 기하 산스 (볼드 전용)

적합한 제품크리에이티브 툴, Gen-Z 마케팅, 유스컬처 커머스
노트700(Bold)과 900(Black)만 사용 — Regular·Light 금지. 본문도 18–20px로 두껍게.
키워드neo brutalism, pop art, loud, bold, heavy, stickers, mechanical, high contrast, cream, gen-z
AaBbCc 012345
Interfaces with intent
Typography sets the tone before a single word is read — weight, rhythm, and contrast do the talking.

67볼드 타이포 모바일

Bold Typography Mobile (Inter-Tight Poster)

헤딩 Inter + 본문 Playfair Display 산스 + 세리프(디스플레이) + 모노

적합한 제품크리에이티브 플래그십, 리딩 플랫폼, 이벤트 앱, 럭셔리 모바일
노트트리플: Inter 600–800 UI 전반 + Playfair Italic은 인용구 전용 + JetBrains Mono 라벨·통계.
키워드bold typography, editorial, poster, near-black, vermillion, luxury, type-as-hero, manifesto, high-contrast
AaBbCc 012345
Interfaces with intent
Typography sets the tone before a single word is read — weight, rhythm, and contrast do the talking.

68아카데미아 모바일

Academia Mobile (Cormorant + Crimson + Cinzel)

헤딩 Cormorant Garamond + 본문 Crimson Pro 세리프 + 북세리프 + 인그레이브드 (트리플)

적합한 제품지식관리 앱, 학술 리딩 툴, RPG 게임, 문화 커뮤니티
노트트리플: Cormorant 헤딩(32–40px) + Crimson Pro 본문 + Cinzel 올캡 라벨.
키워드academia, library, mahogany, parchment, brass, scholarly, prestige, antique, victorian, leather
AaBbCc 012345
Interfaces with intent
Typography sets the tone before a single word is read — weight, rhythm, and contrast do the talking.

69사이버펑크 모바일

Cyberpunk Mobile (Orbitron + JetBrains Mono)

헤딩 Orbitron + 본문 JetBrains Mono 테크 디스플레이 + 모노

적합한 제품게임 컴패니언 앱, 핀테크/크립토, 다크 브랜드 앱
노트듀얼: Orbitron 900 올캡 H1(자간 4) + JetBrains Mono 본문/데이터(14px).
키워드cyberpunk, neon, glitch, hud, sci-fi, dark, matrix green, magenta, chamfered, tactical
AaBbCc 012345
Interfaces with intent
Typography sets the tone before a single word is read — weight, rhythm, and contrast do the talking.

70Web3 비트코인 DeFi

Web3 Bitcoin DeFi (Space Grotesk + Inter + Mono)

헤딩 Space Grotesk + 본문 Inter 기하 산스 + 산스 + 모노 (트리플)

적합한 제품DeFi 프로토콜·지갑, NFT 플랫폼, 메타버스 소셜
노트트리플: Space Grotesk 헤딩 + Inter 본문 + JetBrains Mono 시세·해시·통계.
키워드web3, bitcoin, defi, digital gold, fintech, crypto, trustless, luminescent, precision, dark
AaBbCc 012345
Interfaces with intent
Typography sets the tone before a single word is read — weight, rhythm, and contrast do the talking.

71클레이모피즘 모바일

Claymorphism Mobile (Nunito + DM Sans)

헤딩 Nunito + 본문 DM Sans 라운디드 디스플레이 + 기하 산스

적합한 제품어린이 교육 앱, 틴 소셜, 브랜드 마스코트 앱, 핀테크 게이미피케이션
노트Nunito Black(900) 헤딩 — 둥근 터미널 필수. DM Sans Medium 본문. 히어로 48px.
키워드claymorphism, clay, rounded, playful, candy, bubbly, soft, 3d, children, education, tactile, spring, nunito, d
AaBbCc 012345
Interfaces with intent
Typography sets the tone before a single word is read — weight, rhythm, and contrast do the talking.

72엔터프라이즈 SaaS 모바일

Enterprise SaaS Mobile (Plus Jakarta Sans)

헤딩 Plus Jakarta Sans + 본문 Plus Jakarta Sans 기하 산스 (단일 패밀리)

적합한 제품B2B SaaS 앱, 생산성 툴, 정부·금융 모바일, 관리자 대시보드
노트Plus Jakarta Sans 단일: 전문적 권위와 모바일 친근함의 균형. 800 타이틀 → 본문.
키워드enterprise, saas, b2b, professional, indigo, modern, approachable, legible, ios dynamic type, android scaling
AaBbCc 012345
Interfaces with intent
Typography sets the tone before a single word is read — weight, rhythm, and contrast do the talking.

73스케치 손그림 모바일

Sketch Hand-Drawn Mobile (Kalam + Patrick Hand)

헤딩 Kalam + 본문 Patrick Hand 손글씨 듀얼

적합한 제품저널링 앱, 프로토타입 툴, 그림책 앱, 게임형 퍼즐
노트듀얼 손글씨: Kalam Bold 헤딩(마커펜 감성) + Patrick Hand 본문(모바일에서도 높은 가독성).
키워드sketch, hand-drawn, handwriting, human, imperfect, organic, paper, kalam, patrick hand, education, journal, cr
AaBbCc 012345
Interfaces with intent
Typography sets the tone before a single word is read — weight, rhythm, and contrast do the talking.

74뉴모피즘 모바일

Neumorphism Mobile (Plus Jakarta Sans + System)

헤딩 Plus Jakarta Sans + 본문 Plus Jakarta Sans 기하 산스 (시스템 폴백)

적합한 제품스마트홈 컨트롤, 미니멀 툴, 헬스 모니터, 브랜드 쇼케이스
노트Plus Jakarta Sans — 뉴모피즘의 #E0E5EC 표면과 조화, 깊이 효과를 방해하지 않는 절제된 기하.
키워드neumorphism, soft ui, monochromatic, cool grey, minimal, physical, depth, ceramic, system font, utility