Brand Guidelines

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

Frank Hesenius avatar Johannes Waibel avatar Marco avatar +4
71 articles in this collection
Written by Frank Hesenius, Johannes Waibel, Marco and 4 others
General

Creating a new Guideline within Frontify

How to create a new Guideline from scratch
Frank Hesenius avatar
Written by Frank Hesenius
Updated over a week ago

Document your Brand / Design

Start filling up your style guide by adding some content Blocks.
Frank Hesenius avatar
Written by Frank Hesenius
Updated over a week ago

The Style Guide Power Bar

The Powerbar from the Style Guide view
Frank Hesenius avatar
Written by Frank Hesenius
Updated over a week ago

Targets for Guidelines

An intelligent way to serve (and control) the view of global content for specific stakeholders
Johannes Waibel avatar
Written by Johannes Waibel
Updated over a week ago

Duplicate your Style Guide

You wanna duplicate your work. No problem.
Frank Hesenius avatar
Written by Frank Hesenius
Updated over a week ago

Annotations

Give your images even more meaning – by adding explanations.
Marco avatar
Written by Marco
Updated over a week ago

Referencing Content

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.
Frank Hesenius avatar
Written by Frank Hesenius
Updated over a week ago

Custom UI Pattern Height

Learn how to change the height of UI Pattern Blocks to visualize the elements you’re creating in its full size.
Jennifer Hubauer avatar
Written by Jennifer Hubauer
Updated over a week ago

Personal Notes

How to add personal notes to your Style Guide.
Marco avatar
Written by Marco
Updated over a week ago

Link Chooser

Learn how to add external and internal links to your Guidelines
Jennifer Hubauer avatar
Written by Jennifer Hubauer
Updated over a week ago

Gradient: How to Add Them to Your Style Guide

Use this guide to learn about how to display color gradients in your Style Guide.
Diana avatar
Written by Diana
Updated over a week ago

Image Resolutions

Recommendations for the best image resolution
Marco avatar
Written by Marco
Updated over a week ago
Content Blocks

Text Block: Column Breaks

Chris avatar
Written by Chris
Updated over a week ago

Font Kit Content Block

How to set up, download, and use your Font Kits
Jennifer Hubauer avatar
Written by Jennifer Hubauer
Updated over a week ago

Callout Block

How to change the background color with the Callout Block
Carina avatar
Written by Carina
Updated over a week ago

Guidelines: Add Smart Blocks

Smart Blocks are smart because they make your Guidelines super-useful! Add smart blocks for color, typography, icons, and more stuff.
Frank Hesenius avatar
Written by Frank Hesenius
Updated over a week ago

Style Guide Image Block

The Image block.
Frank Hesenius avatar
Written by Frank Hesenius
Updated over a week ago

Replace an Image in the Image block

How to replace an image without deleting the block
Frank Hesenius avatar
Written by Frank Hesenius
Updated over a week ago

Audio Block

You can upload, play and download audio files in your Frontify Style Guide
Jennifer Hubauer avatar
Written by Jennifer Hubauer
Updated over a week ago

Embed Block for Guidelines

Display external content in your Guidelines
Jennifer Hubauer avatar
Written by Jennifer Hubauer
Updated over a week ago

Storybook Integration

Learn how to display code components from Storybook in the Frontify Style Guide.
Jennifer Hubauer avatar
Written by Jennifer Hubauer
Updated over a week ago

Color Swatches

How to provide your color swatches as a download package for sharing between applications.
Marco avatar
Written by Marco
Updated over a week ago

Dos and Don'ts

Define what can be done with your brand assets, and what not.
Jennifer Hubauer avatar
Written by Jennifer Hubauer
Updated over a week ago

Tables

How to use the table block.
Marco avatar
Written by Marco
Updated over a week ago
FAQ

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

Carina avatar
Written by Carina
Updated over a week ago

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

Carina avatar
Written by Carina
Updated over a week ago

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

Carina avatar
Written by Carina
Updated over a week ago

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

Carina avatar
Written by Carina
Updated over a week ago

Can I change the background color of the Style Guide?

Carina avatar
Written by Carina
Updated over a week ago

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

Carina avatar
Written by Carina
Updated over a week ago

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

Carina avatar
Written by Carina
Updated over a week ago

How to Use Adobe Fonts

Integrating Adobe Fonts into Frontify is easy.
Frank Hesenius avatar
Written by Frank Hesenius
Updated over a week ago

How do I use Draft state in Pages?

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.
Frank Hesenius avatar
Written by Frank Hesenius
Updated over a week ago

How to create an Image Grid

Place multiple images on a single canvas.
Marco avatar
Written by Marco
Updated over a week ago

How to Change Style Guide Document Titles

Learn how to change the Top Navigation document titles.
Frank Hesenius avatar
Written by Frank Hesenius
Updated over a week ago

How to change your Style Guide name?

Change a Style Guide name in Frontify is very easy.
Frank Hesenius avatar
Written by Frank Hesenius
Updated over a week ago

How to move a page between documents?

Fast and easy. Move your page to another document.
Frank Hesenius avatar
Written by Frank Hesenius
Updated over a week ago

How to make a blurred image sharp?

This article will help you if your images are blurred.
Frank Hesenius avatar
Written by Frank Hesenius
Updated over a week ago

How do I Cut & Paste page content?

You can cut & paste a block to another page. Try it out.
Frank Hesenius avatar
Written by Frank Hesenius
Updated over a week ago

How to Add Icons

A how-to for Frontify's Icon Block.
Frank Hesenius avatar
Written by Frank Hesenius
Updated over a week ago

How to Use Your Own Brand's Fonts in Frontify

Sometimes you want to use your own font(s). You can do it.
Frank Hesenius avatar
Written by Frank Hesenius
Updated over a week ago

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

Carina avatar
Written by Carina
Updated over a week ago

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

Carina avatar
Written by Carina
Updated over a week ago

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

Carina avatar
Written by Carina
Updated over a week ago

Does Frontify support Multi-languages?

Carina avatar
Written by Carina
Updated over a week ago

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

Carina avatar
Written by Carina
Updated over a week ago

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

Carina avatar
Written by Carina
Updated over a week ago

Is it possible to customize my page URLs?

Domain Path
Carina avatar
Written by Carina
Updated over a week ago

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

Carina avatar
Written by Carina
Updated over a week ago

How can I sort pages and categories in the navigation?

You want to have pages or categories in other positions. Let`s drag & drop them to the right position.
Frank Hesenius avatar
Written by Frank Hesenius
Updated over a week ago

How to customize your Style Guide

Brand consistency starts at the style of your guidelines. With Frontify, adjusting design settings is done within seconds.
Jennifer Hubauer avatar
Written by Jennifer Hubauer
Updated over a week ago

Can I change the background color of the Cover Page?

Carina avatar
Written by Carina
Updated over a week ago

How to build and customize your 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.
Jennifer Hubauer avatar
Written by Jennifer Hubauer
Updated over a week ago

How to remove the 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.
Marco avatar
Written by Marco
Updated over a week ago

How to add Typo Styles

Describe your font styles and define which text color can be combined with which background color.
Marco avatar
Written by Marco
Updated over a week ago

Why is the background color grey for the annotation block that I have added?

Carina avatar
Written by Carina
Updated over a week ago

How do I add Buttons?

Carina avatar
Written by Carina
Updated over a week ago

How do I add different color codes to the Color Block?

Carina avatar
Written by Carina
Updated over a week ago

How do I add the CMYK color values to the “Colors” block?

Carina avatar
Written by Carina
Updated over a week ago

Can I remove the timeline at the bottom of a video when someone hovers over it?

Carina avatar
Written by Carina
Updated over a week ago

Can I edit a video (e.g. change size) ?

Carina avatar
Written by Carina
Updated over a week ago

Can I change the background color of a block in the Style Guide?

Carina avatar
Written by Carina
Updated over a week ago