Typography gives you global control over how text appears across your guidelines. In edit mode, Typography lives directly on the powerbar, letting you configure your primary font and fine-tune type styles, such as headings, body text, and quotes, without opening theme settings first.
Set your main font
Your main font serves as the global typographic default across your entire guideline.
Open your guideline in edit mode.
Select Typography from the powerbar.
Under Main font, choose your brand’s primary typeface from your uploaded custom fonts or standard system fonts. Your selection applies automatically, and all default text blocks throughout your guidelines will immediately adopt the selected font.
Customize type styles
Frontify includes predefined type styles for all essential guideline elements. You can modify any of these styles to match your brand specifications.
Type styles | What to use it for |
Headings (H1–H4) | Section titles and content headers. |
Custom styles (1–3) | Three additional slots for bespoke brand text needs. |
Body text | Default paragraph copy. |
Link | Hyperlinked copy throughout your text blocks. |
Quote | Highlighted quotations and testimonials. |
Image title | Primary title or heading displayed directly above or alongside images and media blocks. |
Image caption | Descriptive caption or credit text displayed below images and media blocks. |
How to set up a type style
In the Typography panel, scroll to Type styles.
Select the specific style you want to adjust.
Click the Edit (pencil) icon to open its formatting settings.
Set your typographic rules:
Font family: Select the typeface for this specific style.
Size: Define the font size.
Weight: Set the font weight.
Letter spacing: Adjust character tracking (negative values are supported).
Line height: Set proportional vertical spacing between lines of text.
Margins: Control spacing above and below the text element.
Text formatting toggles: Quickly toggle uppercase, italic, or underline styling.
Click Save. Any text formatted with that style will update automatically across the entire guideline.
Use custom styles
Frontify provides three custom styles in addition to standard headings and body text. While you cannot add extra style slots, you can repurpose these three custom slots for unique brand formatting needs, such as:
Subheadings or kicker text
Captions and image credits
Dedicated light or white body text for dark backgrounds
Typography vs. color schemes
Typography (in the powerbar): Defines typographic structure, such as font family, weight, size, letter spacing, line height, and margins.
Color schemes (in the powerbar): Defines the colors applied to those type styles across different page backgrounds and sections.
Tip: If you need to upload new font files, manage them globally in your account under Essentials → Fonts. Once added there, they become instantly selectable within guideline typography.