Typography Pairings

ตัวอย่างการจับคู่ฟอนต์
ที่เปลี่ยนอารมณ์ของหน้าได้จริง

งานออกแบบ portfolio ที่ดีไม่ได้จบแค่เลือก layout หรือ palette แต่รวมถึงการเลือกจังหวะของตัวอักษรด้วย เพราะฟอนต์ที่ต่างกันทำให้หน้าเดียวกันสื่อบุคลิกคนละแบบทันที

Why this matters

คนดูไม่ได้อ่านแค่คำ แต่รับรู้โทนของตัวอักษรไปพร้อมกัน

What changes

ความไว้ใจ จังหวะการอ่าน น้ำหนักของหน้า และภาพจำโดยรวม

Best used for

Portfolio, expert profiles, editorial landing pages, brand studies

01
Quiet Authority

Editorial Warmth for thoughtful profiles

เหมาะกับ portfolio ที่ต้องการความน่าเชื่อถือแบบสุขุม ดูมีวุฒิภาวะ มีชั้นเชิง แต่ไม่แข็งจนห่างคน

DisplayCormorant Garamond
SupportDM Sans
Use CaseConsultants, writers, independent advisors

Direction · Calm / Reflective / Premium

A quieter kind of confidence.

ใช้ serif ที่มีอารมณ์และจังหวะหายใจชัด เพื่อสร้างความรู้สึกว่าคนนี้มีมุมมอง มีความลึก และสื่อสารอย่างมีวุฒิภาวะ

02
Structured Clarity

Modern precision for strategic work

เหมาะกับคนที่ทำงานกับระบบ ความชัด การวิเคราะห์ และต้องการให้หน้าดูฉลาด คม และไวต่อการตัดสินใจ

DisplayFraunces
SupportEpilogue
Use CaseStrategy, product, business analysis, leadership

Direction · Structured / Strategic / Credible

Built to explain complexity clearly.

หัวเรื่องยังมี character แต่ body ต้องคุมจังหวะให้สะอาดพอสำหรับข้อมูลหนัก การตัดสินใจ และข้อความที่ต้องการความชัดเป็นพิเศษ

03
Human Warmth

Gentle trust for guide-led experiences

เหมาะกับหน้า profile ที่ต้องการให้คนรู้สึกได้รับการดูแล สบายใจ และเชื่อใจได้ตั้งแต่การอ่านครั้งแรก

DisplayLora
SupportJost
Use CaseGuides, educators, hosts, facilitators

Direction · Warm / Human / Trustworthy

Make people feel welcome before they meet you.

ฟอนต์หัวเรื่องมีความอ่อนโยนและเป็นธรรมชาติ ส่วนฟอนต์รองคุม label และ supporting text ให้หน้าดูสะอาด ไม่เละ ไม่หวานเกินไป

04
Research Discipline

Quiet rigor for mathematical and academic profiles

เหมาะกับคนที่ทำงานเชิงทฤษฎี วิชาการ หรือเหตุผลเข้มข้น ที่ต้องการให้หน้าดูนิ่ง หนักแน่น และเป็นระบบ

DisplayCrimson Pro
SupportHanken Grotesk
Use CaseMathematicians, researchers, academic thinkers

Direction · Precise / Quiet / Intellectual

Reason deserves room to breathe.

คู่แบบนี้ไม่พยายามเรียกร้องความสนใจเกินเหตุ แต่เน้นให้คนรับรู้ถึงความเป็นระเบียบของความคิดและความชัดของสาระ

05
Bold Systems

High-contrast energy for technical builders

เหมาะกับสาย product, tech, studio, หรือ builder ที่ต้องการให้หน้ามีพลังขึ้น แต่ยังคุมโครงสร้างให้ดูเป็นมืออาชีพ

DisplaySyne
SupportChivo
Use CaseBuilders, creative technologists, startup-facing profiles

Direction · Energetic / Technical / Memorable

Signal fast. Stay readable.

หัวเรื่องมีแรงและภาพจำ ส่วนข้อความรองต้องไม่แย่งซีนเกินไป เพื่อให้หน้าเกิด hierarchy ที่ชัดและไม่เหนื่อยตา

06
Refined Contrast

Premium tension for brand-sensitive professionals

เหมาะกับหน้า profile ที่ต้องการความรู้สึก premium, composed และมีรสนิยมแบบไม่จำเป็นต้องใส่ effect เยอะ

DisplayPlayfair Display
SupportCabin
Use CaseCreative directors, boutique consultants, premium services

Direction · Refined / Distinct / Balanced

Detail is not decoration. It is positioning.

คู่ที่ดีไม่ได้แค่สวย แต่ช่วยวางตำแหน่งของเจ้าของเว็บในสายตาผู้ชม ว่าเขาเป็นคนประเภทไหนและควรถูกจดจำอย่างไร

💬 Chat (ตอบเร็ว)