Frontify

Carina

Laura Vámosi

Frank Hesenius

Discover Frontify Guidelines – the single source of truth for your brand

Brand Guidelines

How to create a new Guideline from scratch

Creating a new Guideline within Frontify

Start filling up your Guideline by adding some content Blocks.

Document your Brand / Design

The Guideline Power Bar

An intelligent way to serve (and control) the view of global content for specific stakeholders

Targets for Guidelines

You wanna duplicate your work. No problem.

Duplicate your Guideline

Give your images even more meaning – by adding explanations.

Annotations

You've created content and want to reference it to another Style Guide or another part of the same one? Referencing enables you to do this.

Referencing Content

Learn how to change the height of UI Pattern Blocks to visualize the elements you’re creating in its full size.

Custom UI Pattern Height

How to add personal notes to your Guideline.

Personal Notes

Learn how to add external and internal links to your Guidelines

Link Chooser

Use this guide to learn about  how to display color gradients in your Guideline

Gradient: How to Add Them to Your Guideline

Recommendations for the best image resolution

Image Resolutions

Johannes Waibel

General

How to use the Guidelines Block Settings to customize your Guidelines

Content Block Settings

Learn about the seamless Guidelines Navigation and how it maximizes efficiency

Guidelines – Navigation

This article shows you how to set up and visually create a direct link to your different brands.

All Brand Portals Link

Learn how to export your Guidelines as a PDF file or print it.

Export & Print Guidelines

You can now set permanent links to documents, pages, and sections within your Frontify Guideline.

Permalinks

Send a list of recent Guideline updates using the Changelog.

Changelog

Navigation and Settings

Activating your Cover Page is done within minutes. But no worries; initially, it will not be visible to the public.

What's the Frontify Cover Page, and how do I make use of it?

This article gives you an insight into the advanced functionality of your Cover Page. There are almost limitless options for customization.

Get the most out of your Cover Page

An intelligent way to serve (and control) the view of your Cover Page for specific stakeholders

Targets for the Cover Page

Cover Page

How to separate your Content Blocks with the Divider Block

Divider Block

Text Block: Column Breaks

How to reuse your code snippets in an easy way

Code Snippet Block

How to set up, download, and use your Font Kits

Font Kit Content Block

How to incorporate the thoughts of others in your Brand Guidelines

Quote Block

Content Blocks make your Guidelines super-useful! Add content blocks for color, typography, icons, and more stuff.

How to Add Content Blocks

The technical guide to setting up the Figma Content Block for your Guidelines

Installation Guide for Figma Block Sync

Guideline Image Block

How to replace an image without deleting the block

Replace an Image in the Image block

How to create outstanding Callout information within your Guidelines

Callout Block

You can upload, play and download audio files in your Frontify Guideline

Audio Block

Streamline your design system documentation and empower everybody to build your brand

Figma Content Block

Display external content in your Guidelines

Embed Block for Guidelines

Learn how to display code components from Storybook in the Frontify Guidelines.

Storybook Content Block

How to provide your color swatches as a download package for sharing between applications.

Color Swatches

Define what can be done with your brand assets, and what not.

Dos and Don'ts

Tables

Chris

Content Blocks

How can I hide the dashboard link in the left bottom corner in the Style Guide?

Can I change the order of the collections and put them to the bottom whereas the assets are at the top?

Can I use an Anchor to link to content on the same page?

How can I set that every Menu Item at the top has the same Header settings and looks the same?

Can I change the background color of the Guideline?

Do I still have the internal and external Links after copying a Style Guide?

Is it possible to change the width/size for the Style Guide or a block?

Integrating Adobe Fonts into Frontify is easy.

How to Use Adobe Fonts

Sometimes you are not ready to show your amazing work to the world. Therefore you can set the page in draft mode. Only visible for Editors.

How do I use Draft state in Pages?

Place multiple images on a single canvas.

How to create an Image Grid

Learn how to change the Top Navigation document titles.

How to Change Guideline Document Titles

Change a Guideline name in Frontify is very easy.

How to change your Guideline name?

Fast and easy. Move your page to another document.

How to move a page between documents?

This article will help you if your images are blurred.

How to make a blurred image sharp?

You can cut & paste a block to another page. Try it out.

How do I Cut & Paste page content?

How to Add Icons

Sometimes you want to use your own font(s). You can do it.

How to Use Your Own Brand's Fonts in Frontify

My font does not appear, do I have to add it to every Style Guide?

How can I manage my top Navigation from getting too long?

My color is not here, is it because I didn't add it to the new Style Guide?

Does Frontify support Multi-languages?

Can I “hide” pages that I am not ready to have live in my environment?

Can I link to another page within the Style Guide or to a Media Library?

Is it possible to customize my page URLs?

Where can I find the navigation settings for the side navigation and the home link or why do they not appear?

You want to have pages or categories in other positions. Let`s drag & drop them to the right position.

How can I sort pages and categories in the navigation?

Brand consistency starts at the style of your guidelines. With Frontify, adjusting design settings is done within seconds.

How to customize your Guideline

Can I change the background color of the Cover Page?

You've just activated the Cover Page, and want to know what it's capable of? This is the right article for you.

How to build and customize your Cover Page

You've had enough of your Cover Page? Maybe you want to create a new one from scratch? We'll show you how to get rid of it.

How to remove the Cover Page

Describe your font styles and define which text color can be combined with which background color.

Brand Guidelines

General

Navigation and Settings

Cover Page

Content Blocks

FAQ