Outfit was designed by Rodrigo Fuenzalida, known for geometric variable sans-serif design.

Expert Font Pairings

Best Fonts to Pair WithOutfit

Q: Is Outfit a good font for Figma?

Clean geometric proportions with even stroke widths that scale predictably across breakpoints. Figma uses Skia-based GPU-accelerated canvas for font rendering, making Outfit a strong choice for UI/UX design workflows. When paired with Afta Serif, the combination creates effective typographic hierarchy.

Q: What is the design history of Outfit?

Outfit is a Geometric sans-serif from the 2020s variable font design era. Designed by Rodrigo Fuenzalida in 2021. Notable usage includes Modern SaaS product interfaces. Contemporary geometric tradition with variable font engineering.

Q: What type of font is Outfit?

Outfit is a sans-serif typeface classified under the Lineal branch of the Vox-ATypI system. Related categories include monospace. The Lineal branch of Vox-ATypI includes Grotesque, Neo-grotesque, Geometric, and Humanist sans-serifs — the dominant category in modern digital typography.

TypeSmith curates 6 expert font pairings for Outfit, a Sans Serif typeface designed by Rodrigo Fuenzalida.

Outfit produces refined typography with Afta Serif, Motorblock, Permian Serif, Bomb Type, and Theano Modern. This versatile typeface supports English, Spanish, French, German, Italian, Portuguese, Dutch, Swedish, Norwegian, Danish, Finnish, and Icelandic..

Expert Pairings6

CategorySans Serif

AccessibilityA+

DesignerRodrigo Fuenzalida

Download Outfit Test Pairings View Outfit Details

Scroll to explore

About This Pairing

Best Font Pairings for Outfit

TypeSmith recommends pairing Outfit with Afta Serif as a serif–sans contrast combination. Outfit provides clean geometric or humanist letterforms, while Afta Serif contributes refined letterforms with stroke contrast.

The combination produces a balanced typographic palette where Outfit anchors digital interfaces, web typography, and contemporary branding and Afta Serif extends into long-form reading, editorial layouts, and traditional print. TypeSmith curates 6 total pairings for Outfit, with Afta Serif selected for its complementary editorial authority and classical elegance.

Why It Works

Best Font Pairing Analysis for Outfit

The typographic contrast between Outfit and Afta Serif creates visual interest without conflict. Outfit's clean geometric or humanist letterforms pairs against Afta Serif's refined letterforms with stroke contrast, producing the structural variation that guides readers through content hierarchy.

Visual harmony emerges from Outfit and Afta Serif share proportional compatibility that unifies them as a system. Outfit's modern simplicity finds balance with Afta Serif's classical elegance. Both typefaces maintain consistent visual rhythm when set at their intended size roles.

In practical application, Outfit functions best at heading sizes (24px and above) where its screen legibility and modern clarity is most effective. Afta Serif excels at body text sizes (14-18px) where editorial authority and classical elegance ensures comfortable reading.

Typography Expertise

Best Font Pairing Expertise for Outfit

TypeSmith evaluates Outfit pairings across typographic contrast, visual compatibility, and practical application. Each recommended combination is assessed for structural harmony and functional hierarchy.

Typographic Contrast

Classification contrast. Outfit and Afta Serif form a serif–sans contrast pairing. Outfit brings screen legibility and modern clarity while Afta Serif provides editorial authority and classical elegance. This structural relationship creates the visual tension that effective typography requires.

Visual Compatibility

Metric alignment. TypeSmith evaluates Outfit and Afta Serif for proportional compatibility, x-height alignment, and stroke weight balance. These metrics determine whether two typefaces function as a unified system rather than competing for visual attention.

Practical Application

Design application. This pairing serves digital interfaces, web typography, and contemporary branding contexts where Outfit leads at display sizes and Afta Serif supports at text sizes. Among 6 curated pairings for Outfit, this combination addresses specific design requirements.

Curated Combinations

Best Font Pairings for Outfit

Ranked by compatibility

TypeSmith presents 6 expert-curated font pairings for Outfit, each with detailed compatibility analysis and usage recommendations.

Each pairing includes live typography previews, expert reasoning, accessibility grades, and specific guidance for web, print, and application design projects.

#1Recommended Pairing

Outfit+Afta Serif

OutfitA+Sans Serif

Afta SerifB+Serif

Expert Judgment

Outfit's modern simplicity finds balance with Afta Serif's classical elegance

Outfit headlines + Afta Serif body

Outfit + Afta Serif Font Pairing

This font pairing combines Outfit headlines with Afta Serif body text. The typographic hierarchy creates professional contrast for web, print, and application interfaces.

Afta Serif headlines + Outfit body

Afta Serif + Outfit Font Pairing

Reversing the roles demonstrates the versatility of this Sans Serif and Serif font pairing for diverse design applications.

Why This Pairing Works

Complementary Contrast: Outfit's clean, modern letterforms without decorative terminals pairs effectively with Afta Serif's refined letterforms with decorative terminals, creating visual interest without conflict.
Functional Balance: Each typeface excels in its role—Outfit maximizing readability at all sizes while Afta Serif focuses on enhancing readability in long-form content.
Readability: Afta Serif's traditional typography roots with timeless appeal complements Outfit's geometric or humanist proportions for clarity, ensuring optimal legibility across contexts.
Professional Appeal: Together, these typefaces create a sophisticated typographic system suitable for digital interfaces and web applications and luxury brand identities.

Best Used For

Web Design & Digital Interfaces

Use Outfit for headlines, navigation, and hero sections where impact matters. Apply Afta Serif to body copy, UI elements, and supporting text for optimal screen readability.

Print & Editorial

Outfit excels in digital interfaces and web applications, while Afta Serif provides the enhancing readability in long-form content needed for extended reading in magazines, brochures, and reports.

Brand Identity

Establish your primary brand voice with Outfit in logos and key messaging. Extend the system with Afta Serif across marketing materials and corporate communications.

Recommended Sizing

Outfit: 24px–72px for headings, 18px–24px for subheadings
Afta Serif: 14px–18px for body text, 12px–14px for captions

Google: OutfitExternal: Afta Serif

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap');

@font-face {
  font-family: 'Afta Serif';
  src: url('https://cdn.jsdelivr.net/gh/roborracle/typesmith-fonts@v2.2.3/external/afta-serif/afta-serif.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

Get Outfit All Outfit pairings View Afta Serif

Recommended sizes, weights, and line heights for Outfit + Afta Serif.

Element	Font	Size	Weight	Line Height
H1	Outfit	3.5rem / 56px	700	1.1
H2	Outfit	2.25rem / 36px	600	1.2
H3	Outfit	1.5rem / 24px	600	1.3
Body	Afta Serif	1rem / 16px	400	1.6
Small	Afta Serif	0.875rem / 14px	400	1.5
Caption	Afta Serif	0.75rem / 12px	500	1.4

#1Recommended Pairing

Outfit+Motorblock

OutfitA+Sans Serif

MotorblockBDisplay

Expert Judgment

Outfit Typeface's clean aesthetic provides the perfect foundation for Motorblock's expressive style

Outfit headlines + Motorblock body

Outfit + Motorblock Font Pairing

This font pairing combines Outfit headlines with Motorblock body text. The typographic hierarchy creates professional contrast for web, print, and application interfaces.

Motorblock headlines + Outfit body

Motorblock + Outfit Font Pairing

Reversing the roles demonstrates the versatility of this Sans Serif and Display font pairing for diverse design applications.

Why This Pairing Works

Complementary Contrast: Outfit's clean, modern letterforms without decorative terminals pairs effectively with Motorblock's distinctive letterforms designed for large sizes, creating visual interest without conflict.
Functional Balance: Each typeface excels in its role—Outfit maximizing readability at all sizes while Motorblock focuses on establishing strong brand recognition.
Readability: Motorblock's unique design details that command attention complements Outfit's geometric or humanist proportions for clarity, ensuring optimal legibility across contexts.
Professional Appeal: Together, these typefaces create a sophisticated typographic system suitable for digital interfaces and web applications and poster and advertising design.

Best Used For

Web Design & Digital Interfaces

Use Outfit for headlines, navigation, and hero sections where impact matters. Apply Motorblock to body copy, UI elements, and supporting text for optimal screen readability.

Print & Editorial

Outfit excels in digital interfaces and web applications, while Motorblock provides the establishing strong brand recognition needed for extended reading in magazines, brochures, and reports.

Brand Identity

Establish your primary brand voice with Outfit in logos and key messaging. Extend the system with Motorblock across marketing materials and corporate communications.

Recommended Sizing

Outfit: 24px–72px for headings, 18px–24px for subheadings
Motorblock: 14px–18px for body text, 12px–14px for captions

Google: OutfitExternal: Motorblock

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap');

@font-face {
  font-family: 'Motorblock';
  src: url('https://cdn.jsdelivr.net/gh/roborracle/typesmith-fonts@v2.2.3/external/motorblock/Motorblock.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

Get Outfit All Outfit pairings View Motorblock

Recommended sizes, weights, and line heights for Outfit + Motorblock.

Element	Font	Size	Weight	Line Height
H1	Outfit	3.5rem / 56px	700	1.1
H2	Outfit	2.25rem / 36px	600	1.2
H3	Outfit	1.5rem / 24px	600	1.3
Body	Motorblock	1rem / 16px	400	1.6
Small	Motorblock	0.875rem / 14px	400	1.5
Caption	Motorblock	0.75rem / 12px	500	1.4

#2Recommended Pairing

Outfit+Permian Serif

OutfitA+Sans Serif

Permian SerifASerif

Expert Judgment

The clean lines of Outfit create visual harmony with Permian Serif's refined serifs

Outfit headlines + Permian Serif body

Outfit + Permian Serif Font Pairing

This font pairing combines Outfit headlines with Permian Serif body text. The typographic hierarchy creates professional contrast for web, print, and application interfaces.

Permian Serif headlines + Outfit body

Permian Serif + Outfit Font Pairing

Reversing the roles demonstrates the versatility of this Sans Serif and Serif font pairing for diverse design applications.

Why This Pairing Works

Complementary Contrast: Outfit's clean, modern letterforms without decorative terminals pairs effectively with Permian Serif's refined letterforms with decorative terminals, creating visual interest without conflict.
Functional Balance: Each typeface excels in its role—Outfit maximizing readability at all sizes while Permian Serif focuses on enhancing readability in long-form content.
Readability: Permian Serif's traditional typography roots with timeless appeal complements Outfit's geometric or humanist proportions for clarity, ensuring optimal legibility across contexts.
Professional Appeal: Together, these typefaces create a sophisticated typographic system suitable for digital interfaces and web applications and luxury brand identities.

Best Used For

Web Design & Digital Interfaces

Use Outfit for headlines, navigation, and hero sections where impact matters. Apply Permian Serif to body copy, UI elements, and supporting text for optimal screen readability.

Print & Editorial

Outfit excels in digital interfaces and web applications, while Permian Serif provides the enhancing readability in long-form content needed for extended reading in magazines, brochures, and reports.

Brand Identity

Establish your primary brand voice with Outfit in logos and key messaging. Extend the system with Permian Serif across marketing materials and corporate communications.

Recommended Sizing

Outfit: 24px–72px for headings, 18px–24px for subheadings
Permian Serif: 14px–18px for body text, 12px–14px for captions

Google: OutfitExternal: Permian Serif

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap');

@font-face {
  font-family: 'Permian Serif';
  src: url('https://cdn.jsdelivr.net/gh/roborracle/typesmith-fonts@v2.2.3/external/permian-serif/permianseriftypeface.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

Get Outfit All Outfit pairings View Permian Serif

Recommended sizes, weights, and line heights for Outfit + Permian Serif.

Element	Font	Size	Weight	Line Height
H1	Outfit	3.5rem / 56px	700	1.1
H2	Outfit	2.25rem / 36px	600	1.2
H3	Outfit	1.5rem / 24px	600	1.3
Body	Permian Serif	1rem / 16px	400	1.6
Small	Permian Serif	0.875rem / 14px	400	1.5
Caption	Permian Serif	0.75rem / 12px	500	1.4

#3Recommended Pairing

Outfit+Bomb Type

OutfitA+Sans Serif

Bomb TypeADisplay

Expert Judgment

Outfit Typeface's clean aesthetic provides the perfect foundation for Bomb Type's expressive style

Outfit headlines + Bomb Type body

Outfit + Bomb Type Font Pairing

This font pairing combines Outfit headlines with Bomb Type body text. The typographic hierarchy creates professional contrast for web, print, and application interfaces.

Bomb Type headlines + Outfit body

Bomb Type + Outfit Font Pairing

Reversing the roles demonstrates the versatility of this Sans Serif and Display font pairing for diverse design applications.

Why This Pairing Works

Complementary Contrast: Outfit's clean, modern letterforms without decorative terminals pairs effectively with Bomb Type's distinctive letterforms designed for large sizes, creating visual interest without conflict.
Functional Balance: Each typeface excels in its role—Outfit maximizing readability at all sizes while Bomb Type focuses on establishing strong brand recognition.
Readability: Bomb Type's unique design details that command attention complements Outfit's geometric or humanist proportions for clarity, ensuring optimal legibility across contexts.
Professional Appeal: Together, these typefaces create a sophisticated typographic system suitable for digital interfaces and web applications and poster and advertising design.

Best Used For

Web Design & Digital Interfaces

Use Outfit for headlines, navigation, and hero sections where impact matters. Apply Bomb Type to body copy, UI elements, and supporting text for optimal screen readability.

Print & Editorial

Outfit excels in digital interfaces and web applications, while Bomb Type provides the establishing strong brand recognition needed for extended reading in magazines, brochures, and reports.

Brand Identity

Establish your primary brand voice with Outfit in logos and key messaging. Extend the system with Bomb Type across marketing materials and corporate communications.

Recommended Sizing

Outfit: 24px–72px for headings, 18px–24px for subheadings
Bomb Type: 14px–18px for body text, 12px–14px for captions

Google: OutfitExternal: Bomb Type

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap');

@font-face {
  font-family: 'Bomb Type';
  src: url('https://cdn.jsdelivr.net/gh/roborracle/typesmith-fonts@v2.2.3/external/bomb-type/BOMB.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

Get Outfit All Outfit pairings View Bomb Type

Recommended sizes, weights, and line heights for Outfit + Bomb Type.

Element	Font	Size	Weight	Line Height
H1	Outfit	3.5rem / 56px	700	1.1
H2	Outfit	2.25rem / 36px	600	1.2
H3	Outfit	1.5rem / 24px	600	1.3
Body	Bomb Type	1rem / 16px	400	1.6
Small	Bomb Type	0.875rem / 14px	400	1.5
Caption	Bomb Type	0.75rem / 12px	500	1.4

#3Recommended Pairing

Outfit+Theano Modern

OutfitA+Sans Serif

Theano ModernASerif

Expert Judgment

The clean lines of Outfit create visual harmony with Theano Modern's refined serifs

Outfit headlines + Theano Modern body

Outfit + Theano Modern Font Pairing

This font pairing combines Outfit headlines with Theano Modern body text. The typographic hierarchy creates professional contrast for web, print, and application interfaces.

Theano Modern headlines + Outfit body

Theano Modern + Outfit Font Pairing

Reversing the roles demonstrates the versatility of this Sans Serif and Serif font pairing for diverse design applications.

Why This Pairing Works

Complementary Contrast: Outfit's clean, modern letterforms without decorative terminals pairs effectively with Theano Modern's refined letterforms with decorative terminals, creating visual interest without conflict.
Functional Balance: Each typeface excels in its role—Outfit maximizing readability at all sizes while Theano Modern focuses on enhancing readability in long-form content.
Readability: Theano Modern's traditional typography roots with timeless appeal complements Outfit's geometric or humanist proportions for clarity, ensuring optimal legibility across contexts.
Professional Appeal: Together, these typefaces create a sophisticated typographic system suitable for digital interfaces and web applications and luxury brand identities.

Best Used For

Web Design & Digital Interfaces

Use Outfit for headlines, navigation, and hero sections where impact matters. Apply Theano Modern to body copy, UI elements, and supporting text for optimal screen readability.

Print & Editorial

Outfit excels in digital interfaces and web applications, while Theano Modern provides the enhancing readability in long-form content needed for extended reading in magazines, brochures, and reports.

Brand Identity

Establish your primary brand voice with Outfit in logos and key messaging. Extend the system with Theano Modern across marketing materials and corporate communications.

Recommended Sizing

Outfit: 24px–72px for headings, 18px–24px for subheadings
Theano Modern: 14px–18px for body text, 12px–14px for captions

Google: OutfitExternal: Theano Modern

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap');

@font-face {
  font-family: 'Theano Modern';
  src: url('https://cdn.jsdelivr.net/gh/roborracle/typesmith-fonts@v2.2.3/external/theano-modern/theanomodern-regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

Get Outfit All Outfit pairings View Theano Modern

Recommended sizes, weights, and line heights for Outfit + Theano Modern.

Element	Font	Size	Weight	Line Height
H1	Outfit	3.5rem / 56px	700	1.1
H2	Outfit	2.25rem / 36px	600	1.2
H3	Outfit	1.5rem / 24px	600	1.3
Body	Theano Modern	1rem / 16px	400	1.6
Small	Theano Modern	0.875rem / 14px	400	1.5
Caption	Theano Modern	0.75rem / 12px	500	1.4

#5Recommended Pairing

Outfit+Baymanat

OutfitA+Sans Serif

BaymanatBDisplay

Expert Judgment

Baymanat's bold presence works excellently with Outfit Typeface as supporting body text

Outfit headlines + Baymanat body

Outfit + Baymanat Font Pairing

This font pairing combines Outfit headlines with Baymanat body text. The typographic hierarchy creates professional contrast for web, print, and application interfaces.

Baymanat headlines + Outfit body

Baymanat + Outfit Font Pairing

Reversing the roles demonstrates the versatility of this Sans Serif and Display font pairing for diverse design applications.

Why This Pairing Works

Complementary Contrast: Outfit's clean, modern letterforms without decorative terminals pairs effectively with Baymanat's distinctive letterforms designed for large sizes, creating visual interest without conflict.
Functional Balance: Each typeface excels in its role—Outfit maximizing readability at all sizes while Baymanat focuses on establishing strong brand recognition.
Readability: Baymanat's unique design details that command attention complements Outfit's geometric or humanist proportions for clarity, ensuring optimal legibility across contexts.
Professional Appeal: Together, these typefaces create a sophisticated typographic system suitable for digital interfaces and web applications and poster and advertising design.

Best Used For

Web Design & Digital Interfaces

Use Outfit for headlines, navigation, and hero sections where impact matters. Apply Baymanat to body copy, UI elements, and supporting text for optimal screen readability.

Print & Editorial

Outfit excels in digital interfaces and web applications, while Baymanat provides the establishing strong brand recognition needed for extended reading in magazines, brochures, and reports.

Brand Identity

Establish your primary brand voice with Outfit in logos and key messaging. Extend the system with Baymanat across marketing materials and corporate communications.

Recommended Sizing

Outfit: 24px–72px for headings, 18px–24px for subheadings
Baymanat: 14px–18px for body text, 12px–14px for captions

Google: OutfitExternal: Baymanat

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap');

@font-face {
  font-family: 'Baymanat';
  src: url('https://cdn.jsdelivr.net/gh/roborracle/typesmith-fonts@v2.2.3/external/baymanat/Baymanat.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

Get Outfit All Outfit pairings View Baymanat

Recommended sizes, weights, and line heights for Outfit + Baymanat.

Element	Font	Size	Weight	Line Height
H1	Outfit	3.5rem / 56px	700	1.1
H2	Outfit	2.25rem / 36px	600	1.2
H3	Outfit	1.5rem / 24px	600	1.3
Body	Baymanat	1rem / 16px	400	1.6
Small	Baymanat	0.875rem / 14px	400	1.5
Caption	Baymanat	0.75rem / 12px	500	1.4

Interactive Preview Tool

Test Outfit Font Pairings

Preview Outfit with different pairing options in real-time. Use TypeSmith Test Font Pairings to adjust typography settings and find the perfect combination for your project.

Live font previewAdjust typography settingsCompare side by side

Test Font PairingsFree • No account required

Typography Reference

Best Font Guide for Outfit

Optical Characteristics of Outfit

The structural foundation of Outfit reflects established sans-serif typographic principles. Key visual features include uniform or optically corrected vertical proportions and stroke contrast ranging from monolinear to subtly modulated. Humanist sans-serifs offer the best body-text readability in the category.

As a Geometric sans-serif, Outfit demonstrates variable weight axis as a defining characteristic. Geometric and neo-grotesque designs excel in short-form UI text but require careful sizing for sustained reading.

Stroke modulation and aperture treatment in Outfit establish the typographic color that defines its on-page presence across different compositions.

Explore more sans-serif fonts →

Design Heritage of Outfit Typography

Outfit in Professional Design Applications

Accessibility & Readability Analysis for Outfit

Technical Typography Specifications for Outfit

Frequently Asked Questions

Best Font Pairing FAQ for Outfit

Is Outfit suitable for web design?

Geometric sans-serif with minimal file size optimized for Core Web Vitals performance. Web audiences consume content on devices ranging from 4-inch phones to 32-inch monitors, in lighting conditions from direct sunlight to dark rooms. Font rendering varies by operating system, making fonts with strong hinting and clear letterforms essential for cross-platform consistency. When paired with Afta Serif, the combination creates effective typographic hierarchy.

Is Outfit a good font for Figma?

What is the design history of Outfit?

Who designed Outfit?

What type of font is Outfit?

Ready to Design

Best Font Pairing — Start with Outfit

Download Outfit, test it with curated pairings, or explore its full typographic profile to find the right combination for your project.

Download Outfit Test Pairings View Outfit Details

Continue Exploring

Best Font Resources

TypeSmith provides detailed specifications, alternative pairings, and category exploration for Outfit and all sans serif fonts. Use these resources to refine your typography selection with accessibility ratings and live preview tools.

Outfit Details

View complete font specifications, weights, and character set information.

More Sans Serif Fonts

Browse all sans serif fonts with similar characteristics.

Outfit as Alternative

Outfit is a free alternative to Neufile Grotesk and Kievit and 36 more.

All Font Pairings

Explore the complete collection of curated font pairing recommendations.

Browse by Category

Blackletter Calligraphic Comic Dingbat Display Grunge

Best Fonts to Pair WithOutfit

TypeSmith curates 6 expert font pairings for Outfit, a Sans Serif typeface designed by Rodrigo Fuenzalida.

Expert Pairings6

CategorySans Serif

AccessibilityA+

DesignerRodrigo Fuenzalida

About This Pairing

Best Font Pairings for Outfit

Why It Works

Best Font Pairing Analysis for Outfit

Typography Expertise

Best Font Pairing Expertise for Outfit

Typographic Contrast

Visual Compatibility

Practical Application

Curated Combinations

Best Font Pairings for Outfit

Ranked by compatibility

TypeSmith presents 6 expert-curated font pairings for Outfit, each with detailed compatibility analysis and usage recommendations.

Each pairing includes live typography previews, expert reasoning, accessibility grades, and specific guidance for web, print, and application design projects.

#1Recommended Pairing

Outfit+Afta Serif

OutfitA+Sans Serif

Afta SerifB+Serif

Expert Judgment

Outfit's modern simplicity finds balance with Afta Serif's classical elegance

Outfit headlines + Afta Serif body

Outfit + Afta Serif Font Pairing

This font pairing combines Outfit headlines with Afta Serif body text. The typographic hierarchy creates professional contrast for web, print, and application interfaces.

Afta Serif headlines + Outfit body

Afta Serif + Outfit Font Pairing

Reversing the roles demonstrates the versatility of this Sans Serif and Serif font pairing for diverse design applications.

Why This Pairing Works

Complementary Contrast: Outfit's clean, modern letterforms without decorative terminals pairs effectively with Afta Serif's refined letterforms with decorative terminals, creating visual interest without conflict.
Functional Balance: Each typeface excels in its role—Outfit maximizing readability at all sizes while Afta Serif focuses on enhancing readability in long-form content.
Readability: Afta Serif's traditional typography roots with timeless appeal complements Outfit's geometric or humanist proportions for clarity, ensuring optimal legibility across contexts.
Professional Appeal: Together, these typefaces create a sophisticated typographic system suitable for digital interfaces and web applications and luxury brand identities.

Best Used For

Web Design & Digital Interfaces

Use Outfit for headlines, navigation, and hero sections where impact matters. Apply Afta Serif to body copy, UI elements, and supporting text for optimal screen readability.

Print & Editorial

Outfit excels in digital interfaces and web applications, while Afta Serif provides the enhancing readability in long-form content needed for extended reading in magazines, brochures, and reports.

Brand Identity

Establish your primary brand voice with Outfit in logos and key messaging. Extend the system with Afta Serif across marketing materials and corporate communications.

Recommended Sizing

Outfit: 24px–72px for headings, 18px–24px for subheadings
Afta Serif: 14px–18px for body text, 12px–14px for captions

Google: OutfitExternal: Afta Serif

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap');

@font-face {
  font-family: 'Afta Serif';
  src: url('https://cdn.jsdelivr.net/gh/roborracle/typesmith-fonts@v2.2.3/external/afta-serif/afta-serif.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

Get Outfit All Outfit pairings View Afta Serif

Recommended sizes, weights, and line heights for Outfit + Afta Serif.

Element	Font	Size	Weight	Line Height
H1	Outfit	3.5rem / 56px	700	1.1
H2	Outfit	2.25rem / 36px	600	1.2
H3	Outfit	1.5rem / 24px	600	1.3
Body	Afta Serif	1rem / 16px	400	1.6
Small	Afta Serif	0.875rem / 14px	400	1.5
Caption	Afta Serif	0.75rem / 12px	500	1.4

#1Recommended Pairing

Outfit+Motorblock

OutfitA+Sans Serif

MotorblockBDisplay

Expert Judgment

Outfit Typeface's clean aesthetic provides the perfect foundation for Motorblock's expressive style

Outfit headlines + Motorblock body

Outfit + Motorblock Font Pairing

This font pairing combines Outfit headlines with Motorblock body text. The typographic hierarchy creates professional contrast for web, print, and application interfaces.

Motorblock headlines + Outfit body

Motorblock + Outfit Font Pairing

Reversing the roles demonstrates the versatility of this Sans Serif and Display font pairing for diverse design applications.

Why This Pairing Works

Complementary Contrast: Outfit's clean, modern letterforms without decorative terminals pairs effectively with Motorblock's distinctive letterforms designed for large sizes, creating visual interest without conflict.
Functional Balance: Each typeface excels in its role—Outfit maximizing readability at all sizes while Motorblock focuses on establishing strong brand recognition.
Readability: Motorblock's unique design details that command attention complements Outfit's geometric or humanist proportions for clarity, ensuring optimal legibility across contexts.
Professional Appeal: Together, these typefaces create a sophisticated typographic system suitable for digital interfaces and web applications and poster and advertising design.

Best Used For

Web Design & Digital Interfaces

Use Outfit for headlines, navigation, and hero sections where impact matters. Apply Motorblock to body copy, UI elements, and supporting text for optimal screen readability.

Print & Editorial

Outfit excels in digital interfaces and web applications, while Motorblock provides the establishing strong brand recognition needed for extended reading in magazines, brochures, and reports.

Brand Identity

Establish your primary brand voice with Outfit in logos and key messaging. Extend the system with Motorblock across marketing materials and corporate communications.

Recommended Sizing

Outfit: 24px–72px for headings, 18px–24px for subheadings
Motorblock: 14px–18px for body text, 12px–14px for captions

Google: OutfitExternal: Motorblock

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap');

@font-face {
  font-family: 'Motorblock';
  src: url('https://cdn.jsdelivr.net/gh/roborracle/typesmith-fonts@v2.2.3/external/motorblock/Motorblock.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

Get Outfit All Outfit pairings View Motorblock

Recommended sizes, weights, and line heights for Outfit + Motorblock.

Element	Font	Size	Weight	Line Height
H1	Outfit	3.5rem / 56px	700	1.1
H2	Outfit	2.25rem / 36px	600	1.2
H3	Outfit	1.5rem / 24px	600	1.3
Body	Motorblock	1rem / 16px	400	1.6
Small	Motorblock	0.875rem / 14px	400	1.5
Caption	Motorblock	0.75rem / 12px	500	1.4

#2Recommended Pairing

Outfit+Permian Serif

OutfitA+Sans Serif

Permian SerifASerif

Expert Judgment

The clean lines of Outfit create visual harmony with Permian Serif's refined serifs

Outfit headlines + Permian Serif body

Outfit + Permian Serif Font Pairing

This font pairing combines Outfit headlines with Permian Serif body text. The typographic hierarchy creates professional contrast for web, print, and application interfaces.

Permian Serif headlines + Outfit body

Permian Serif + Outfit Font Pairing

Reversing the roles demonstrates the versatility of this Sans Serif and Serif font pairing for diverse design applications.

Why This Pairing Works

Complementary Contrast: Outfit's clean, modern letterforms without decorative terminals pairs effectively with Permian Serif's refined letterforms with decorative terminals, creating visual interest without conflict.
Functional Balance: Each typeface excels in its role—Outfit maximizing readability at all sizes while Permian Serif focuses on enhancing readability in long-form content.
Readability: Permian Serif's traditional typography roots with timeless appeal complements Outfit's geometric or humanist proportions for clarity, ensuring optimal legibility across contexts.
Professional Appeal: Together, these typefaces create a sophisticated typographic system suitable for digital interfaces and web applications and luxury brand identities.

Best Used For

Web Design & Digital Interfaces

Use Outfit for headlines, navigation, and hero sections where impact matters. Apply Permian Serif to body copy, UI elements, and supporting text for optimal screen readability.

Print & Editorial

Outfit excels in digital interfaces and web applications, while Permian Serif provides the enhancing readability in long-form content needed for extended reading in magazines, brochures, and reports.

Brand Identity

Establish your primary brand voice with Outfit in logos and key messaging. Extend the system with Permian Serif across marketing materials and corporate communications.

Recommended Sizing

Outfit: 24px–72px for headings, 18px–24px for subheadings
Permian Serif: 14px–18px for body text, 12px–14px for captions

Google: OutfitExternal: Permian Serif

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap');

@font-face {
  font-family: 'Permian Serif';
  src: url('https://cdn.jsdelivr.net/gh/roborracle/typesmith-fonts@v2.2.3/external/permian-serif/permianseriftypeface.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

Get Outfit All Outfit pairings View Permian Serif

Recommended sizes, weights, and line heights for Outfit + Permian Serif.

Element	Font	Size	Weight	Line Height
H1	Outfit	3.5rem / 56px	700	1.1
H2	Outfit	2.25rem / 36px	600	1.2
H3	Outfit	1.5rem / 24px	600	1.3
Body	Permian Serif	1rem / 16px	400	1.6
Small	Permian Serif	0.875rem / 14px	400	1.5
Caption	Permian Serif	0.75rem / 12px	500	1.4

#3Recommended Pairing

Outfit+Bomb Type

OutfitA+Sans Serif

Bomb TypeADisplay

Expert Judgment

Outfit Typeface's clean aesthetic provides the perfect foundation for Bomb Type's expressive style

Outfit headlines + Bomb Type body

Outfit + Bomb Type Font Pairing

This font pairing combines Outfit headlines with Bomb Type body text. The typographic hierarchy creates professional contrast for web, print, and application interfaces.

Bomb Type headlines + Outfit body

Bomb Type + Outfit Font Pairing

Reversing the roles demonstrates the versatility of this Sans Serif and Display font pairing for diverse design applications.

Why This Pairing Works

Complementary Contrast: Outfit's clean, modern letterforms without decorative terminals pairs effectively with Bomb Type's distinctive letterforms designed for large sizes, creating visual interest without conflict.
Functional Balance: Each typeface excels in its role—Outfit maximizing readability at all sizes while Bomb Type focuses on establishing strong brand recognition.
Readability: Bomb Type's unique design details that command attention complements Outfit's geometric or humanist proportions for clarity, ensuring optimal legibility across contexts.
Professional Appeal: Together, these typefaces create a sophisticated typographic system suitable for digital interfaces and web applications and poster and advertising design.

Best Used For

Web Design & Digital Interfaces

Use Outfit for headlines, navigation, and hero sections where impact matters. Apply Bomb Type to body copy, UI elements, and supporting text for optimal screen readability.

Print & Editorial

Outfit excels in digital interfaces and web applications, while Bomb Type provides the establishing strong brand recognition needed for extended reading in magazines, brochures, and reports.

Brand Identity

Establish your primary brand voice with Outfit in logos and key messaging. Extend the system with Bomb Type across marketing materials and corporate communications.

Recommended Sizing

Outfit: 24px–72px for headings, 18px–24px for subheadings
Bomb Type: 14px–18px for body text, 12px–14px for captions

Google: OutfitExternal: Bomb Type

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap');

@font-face {
  font-family: 'Bomb Type';
  src: url('https://cdn.jsdelivr.net/gh/roborracle/typesmith-fonts@v2.2.3/external/bomb-type/BOMB.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

Get Outfit All Outfit pairings View Bomb Type

Recommended sizes, weights, and line heights for Outfit + Bomb Type.

Element	Font	Size	Weight	Line Height
H1	Outfit	3.5rem / 56px	700	1.1
H2	Outfit	2.25rem / 36px	600	1.2
H3	Outfit	1.5rem / 24px	600	1.3
Body	Bomb Type	1rem / 16px	400	1.6
Small	Bomb Type	0.875rem / 14px	400	1.5
Caption	Bomb Type	0.75rem / 12px	500	1.4

#3Recommended Pairing

Outfit+Theano Modern

OutfitA+Sans Serif

Theano ModernASerif

Expert Judgment

The clean lines of Outfit create visual harmony with Theano Modern's refined serifs

Outfit headlines + Theano Modern body

Outfit + Theano Modern Font Pairing

This font pairing combines Outfit headlines with Theano Modern body text. The typographic hierarchy creates professional contrast for web, print, and application interfaces.

Theano Modern headlines + Outfit body

Theano Modern + Outfit Font Pairing

Reversing the roles demonstrates the versatility of this Sans Serif and Serif font pairing for diverse design applications.

Why This Pairing Works

Complementary Contrast: Outfit's clean, modern letterforms without decorative terminals pairs effectively with Theano Modern's refined letterforms with decorative terminals, creating visual interest without conflict.
Functional Balance: Each typeface excels in its role—Outfit maximizing readability at all sizes while Theano Modern focuses on enhancing readability in long-form content.
Readability: Theano Modern's traditional typography roots with timeless appeal complements Outfit's geometric or humanist proportions for clarity, ensuring optimal legibility across contexts.
Professional Appeal: Together, these typefaces create a sophisticated typographic system suitable for digital interfaces and web applications and luxury brand identities.

Best Used For

Web Design & Digital Interfaces

Use Outfit for headlines, navigation, and hero sections where impact matters. Apply Theano Modern to body copy, UI elements, and supporting text for optimal screen readability.

Print & Editorial

Outfit excels in digital interfaces and web applications, while Theano Modern provides the enhancing readability in long-form content needed for extended reading in magazines, brochures, and reports.

Brand Identity

Establish your primary brand voice with Outfit in logos and key messaging. Extend the system with Theano Modern across marketing materials and corporate communications.

Recommended Sizing

Outfit: 24px–72px for headings, 18px–24px for subheadings
Theano Modern: 14px–18px for body text, 12px–14px for captions

Google: OutfitExternal: Theano Modern

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap');

@font-face {
  font-family: 'Theano Modern';
  src: url('https://cdn.jsdelivr.net/gh/roborracle/typesmith-fonts@v2.2.3/external/theano-modern/theanomodern-regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

Get Outfit All Outfit pairings View Theano Modern

Recommended sizes, weights, and line heights for Outfit + Theano Modern.

Element	Font	Size	Weight	Line Height
H1	Outfit	3.5rem / 56px	700	1.1
H2	Outfit	2.25rem / 36px	600	1.2
H3	Outfit	1.5rem / 24px	600	1.3
Body	Theano Modern	1rem / 16px	400	1.6
Small	Theano Modern	0.875rem / 14px	400	1.5
Caption	Theano Modern	0.75rem / 12px	500	1.4

#5Recommended Pairing

Outfit+Baymanat

OutfitA+Sans Serif

BaymanatBDisplay

Expert Judgment

Baymanat's bold presence works excellently with Outfit Typeface as supporting body text

Outfit headlines + Baymanat body

Outfit + Baymanat Font Pairing

This font pairing combines Outfit headlines with Baymanat body text. The typographic hierarchy creates professional contrast for web, print, and application interfaces.

Baymanat headlines + Outfit body

Baymanat + Outfit Font Pairing

Reversing the roles demonstrates the versatility of this Sans Serif and Display font pairing for diverse design applications.

Why This Pairing Works

Complementary Contrast: Outfit's clean, modern letterforms without decorative terminals pairs effectively with Baymanat's distinctive letterforms designed for large sizes, creating visual interest without conflict.
Functional Balance: Each typeface excels in its role—Outfit maximizing readability at all sizes while Baymanat focuses on establishing strong brand recognition.
Readability: Baymanat's unique design details that command attention complements Outfit's geometric or humanist proportions for clarity, ensuring optimal legibility across contexts.
Professional Appeal: Together, these typefaces create a sophisticated typographic system suitable for digital interfaces and web applications and poster and advertising design.

Best Used For

Web Design & Digital Interfaces

Use Outfit for headlines, navigation, and hero sections where impact matters. Apply Baymanat to body copy, UI elements, and supporting text for optimal screen readability.

Print & Editorial

Outfit excels in digital interfaces and web applications, while Baymanat provides the establishing strong brand recognition needed for extended reading in magazines, brochures, and reports.

Brand Identity

Establish your primary brand voice with Outfit in logos and key messaging. Extend the system with Baymanat across marketing materials and corporate communications.

Recommended Sizing

Outfit: 24px–72px for headings, 18px–24px for subheadings
Baymanat: 14px–18px for body text, 12px–14px for captions

Google: OutfitExternal: Baymanat

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap');

@font-face {
  font-family: 'Baymanat';
  src: url('https://cdn.jsdelivr.net/gh/roborracle/typesmith-fonts@v2.2.3/external/baymanat/Baymanat.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

Get Outfit All Outfit pairings View Baymanat

Recommended sizes, weights, and line heights for Outfit + Baymanat.

Element	Font	Size	Weight	Line Height
H1	Outfit	3.5rem / 56px	700	1.1
H2	Outfit	2.25rem / 36px	600	1.2
H3	Outfit	1.5rem / 24px	600	1.3
Body	Baymanat	1rem / 16px	400	1.6
Small	Baymanat	0.875rem / 14px	400	1.5
Caption	Baymanat	0.75rem / 12px	500	1.4

Interactive Preview Tool

Test Outfit Font Pairings

Preview Outfit with different pairing options in real-time. Use TypeSmith Test Font Pairings to adjust typography settings and find the perfect combination for your project.

Live font previewAdjust typography settingsCompare side by side

Test Font PairingsFree • No account required

Typography Reference

Best Font Guide for Outfit

Optical Characteristics of Outfit

Stroke modulation and aperture treatment in Outfit establish the typographic color that defines its on-page presence across different compositions.

Explore more sans-serif fonts →

Design Heritage of Outfit Typography

Outfit in Professional Design Applications

Accessibility & Readability Analysis for Outfit

Technical Typography Specifications for Outfit

Frequently Asked Questions

Best Font Pairing FAQ for Outfit

Is Outfit suitable for web design?

Is Outfit a good font for Figma?

What is the design history of Outfit?

Who designed Outfit?

What type of font is Outfit?

Ready to Design

Best Font Pairing — Start with Outfit

Download Outfit, test it with curated pairings, or explore its full typographic profile to find the right combination for your project.

Download Outfit Test Pairings View Outfit Details

Continue Exploring

Browse by Category

Blackletter Calligraphic Comic Dingbat Display Grunge

Best Fonts to Pair WithOutfit

About This Pairing

Why It Works

Typography Expertise

Typographic Contrast

Visual Compatibility

Practical Application

Best Font Pairings for Outfit

Outfit+Afta Serif

Outfit + Afta Serif Font Pairing

Afta Serif + Outfit Font Pairing

Why This Pairing Works

Best Used For

Web Design & Digital Interfaces

Print & Editorial

Brand Identity

Recommended Sizing

Outfit+Motorblock

Outfit + Motorblock Font Pairing

Motorblock + Outfit Font Pairing

Why This Pairing Works

Best Used For

Web Design & Digital Interfaces

Print & Editorial

Brand Identity

Recommended Sizing

Outfit+Permian Serif

Outfit + Permian Serif Font Pairing

Permian Serif + Outfit Font Pairing

Why This Pairing Works

Best Used For

Web Design & Digital Interfaces

Print & Editorial

Brand Identity

Recommended Sizing

Outfit+Bomb Type

Outfit + Bomb Type Font Pairing

Bomb Type + Outfit Font Pairing

Why This Pairing Works

Best Used For

Web Design & Digital Interfaces

Print & Editorial

Brand Identity

Recommended Sizing

Outfit+Theano Modern

Outfit + Theano Modern Font Pairing

Theano Modern + Outfit Font Pairing

Why This Pairing Works

Best Used For

Web Design & Digital Interfaces

Print & Editorial

Brand Identity

Recommended Sizing

Outfit+Baymanat

Outfit + Baymanat Font Pairing

Baymanat + Outfit Font Pairing

Why This Pairing Works

Best Used For

Web Design & Digital Interfaces

Print & Editorial

Brand Identity

Recommended Sizing

Best Font Pairings for Sans Serif Fonts

Encode Sans

Galdeano

Aclonica

Encode Sans Expanded

Advent Pro

Encode Sans Semi Condensed

Test Outfit Font Pairings

Typography Reference

Frequently Asked Questions

Best Font Pairing — Start with Outfit

Best Font Resources

Outfit Details

More Sans Serif Fonts

Outfit as Alternative

All Font Pairings

Browse by Category

Best Fonts to Pair WithOutfit