Typography

Typography is a fundamental element of the Frequency brand. Our type system balances professionalism with approachability, using two complementary font families.

Font Families

Montserrat — Headings

Frequency

Audio Innovation

The quick brown fox jumps over the lazy dog

Property	Value
Font Family	Montserrat
Weights	Regular (400), Bold (700)
Letter Spacing	-1px (headings), -2px (display)
Usage	Headlines, titles, navigation

Source Sans Pro — Body

Today, audio teams worldwide use Frequency to work faster and smarter. With the freedom and flexibility of the platform, they create captivating audio ads that resonate with listeners while maximizing their revenue potential.

This is semibold body text for emphasis.

Property	Value
Font Family	Source Sans Pro
Weights	Regular (400), Semibold (600)
Letter Spacing	0 (default)
Usage	Body copy, paragraphs, UI text

Type Scale

Display60px / Bold

H148px / Bold

H236px / Bold

H324px / Semibold

Body16px / Regular

Small14px / Regular

Web Font Implementation

<!-- Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Source+Sans+3:wght@400;600&display=swap" rel="stylesheet">

/* CSS Variables */
:root {
  --font-heading: 'Montserrat', sans-serif;
  --font-body: 'Source Sans 3', sans-serif;
}
 
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  letter-spacing: -1px;
}
 
body {
  font-family: var(--font-body);
}

Typography Guidelines

Do’s ✓

Use Montserrat for all headings and display text
Use Source Sans Pro for body text and UI elements
Apply tight letter-spacing (-1px to -2px) to large headings
Maintain consistent hierarchy throughout designs

Don’ts ✗

Don’t use alternative fonts without approval
Don’t stretch or distort letterforms
Don’t use all caps for body text
Don’t use weights outside the specified range

Colors Voice & Tone