Best Fonts to Pair WithGreyscale Basic

Web Design & Digital Interfaces

Use Greyscale Basic for headlines, navigation, and hero sections where impact matters. Apply Hepta Slab to body copy, UI elements, and supporting text for optimal screen readability.

Print & Editorial

Greyscale Basic excels in digital interfaces and web applications, while Hepta Slab 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 Greyscale Basic in logos and key messaging. Extend the system with Hepta Slab across marketing materials and corporate communications.

Recommended Sizing

• Greyscale Basic: 24px–72px for headings, 18px–24px for subheadings
• Hepta Slab: 14px–18px for body text, 12px–14px for captions

Web Design & Digital Interfaces

Use Greyscale Basic for headlines, navigation, and hero sections where impact matters. Apply Special Elite to body copy, UI elements, and supporting text for optimal screen readability.

Print & Editorial

Greyscale Basic excels in digital interfaces and web applications, while Special Elite provides the establishing strong brand recognition needed for extended reading in magazines, brochures, and reports.

Brand Identity

Establish your primary brand voice with Greyscale Basic in logos and key messaging. Extend the system with Special Elite across marketing materials and corporate communications.

Recommended Sizing

• Greyscale Basic: 24px–72px for headings, 18px–24px for subheadings
• Special Elite: 14px–18px for body text, 12px–14px for captions

Web Design & Digital Interfaces

Use Greyscale Basic for headlines, navigation, and hero sections where impact matters. Apply Slabo 27px to body copy, UI elements, and supporting text for optimal screen readability.

Print & Editorial

Greyscale Basic excels in digital interfaces and web applications, while Slabo 27px 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 Greyscale Basic in logos and key messaging. Extend the system with Slabo 27px across marketing materials and corporate communications.

Recommended Sizing

• Greyscale Basic: 24px–72px for headings, 18px–24px for subheadings
• Slabo 27px: 14px–18px for body text, 12px–14px for captions

Web Design & Digital Interfaces

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

Print & Editorial

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

Brand Identity

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

Recommended Sizing

• Greyscale Basic: 24px–72px for headings, 18px–24px for subheadings
• Compagnon: 14px–18px for body text, 12px–14px for captions

Web Design & Digital Interfaces

Use Greyscale Basic for headlines, navigation, and hero sections where impact matters. Apply Keania One to body copy, UI elements, and supporting text for optimal screen readability.

Print & Editorial

Greyscale Basic excels in digital interfaces and web applications, while Keania One provides the establishing strong brand recognition needed for extended reading in magazines, brochures, and reports.

Brand Identity

Establish your primary brand voice with Greyscale Basic in logos and key messaging. Extend the system with Keania One across marketing materials and corporate communications.

Recommended Sizing

• Greyscale Basic: 24px–72px for headings, 18px–24px for subheadings
• Keania One: 14px–18px for body text, 12px–14px for captions