Brand Guidelines

How to start creating a Style Guide?

On the road to becoming a style guide master, there are a lot of steps to take. Well okay...only six, and they're really small. =)

Written by Frank Hesenius
Updated over a week ago

Document your Brand / Design

Start filling up your style guide by adding some content Blocks.

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.

Written by Frank Hesenius
Updated over a week ago

The Style Guide Power Bar

The Powerbar from the Style Guide view

Written by Frank Hesenius
Updated over a week ago

Style Guide Targets

Learn what Style Guide Targets does, how you benefit from it, and how to set it up.

Written by Gabriela Tenze
Updated over a week ago

How to create an Image Grid

Place multiple images on a single canvas.

Written by Marco
Updated over a week ago

Duplicate your Style Guide or Brand

You wanna duplicate your work. No problem.

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.

Written by Frank Hesenius
Updated over a week ago

Annotations

Give your images even more meaning – by adding explanations.

Written by Marco
Updated over a week ago

How to change document titles

Learn how to change the Top Navigation document titles.

Written by Frank Hesenius
Updated over a week ago

How to Use Adobe Fonts

Integrating Adobe Fonts into Frontify is easy.

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.

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.

Written by Frank Hesenius
Updated over a week ago

Referencing content (Enterprise only)

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.

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.

Written by Gabriela Tenze
Updated over a week ago

How do I Cut & Paste page content?

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

Written by Frank Hesenius
Updated over a week ago

How to use your own font in Frontify.

Sometimes you want to have your own font used. You can do it.

Written by Frank Hesenius
Updated over a week ago

How to Add Icons

A how-to for Frontify's Icon Block.

Written by Frank Hesenius
Updated over a week ago

Personal Notes

How to add personal notes to your Style Guide.

Written by Marco
Updated over a week ago

Link Chooser

Learn how to add external and internal links to your Guidelines

Written by Gabriela Tenze
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.

Written by Diana
Updated over a week ago

Image Resolutions

Recommendations for the best image resolution

Written by Marco
Updated over a week ago

Style Guide – Navigation

Learn about the seamless Style Guide Navigation and how it maximizes efficiency

Written by Gabriela Tenze
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.

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.

Written by Michael J. Müller
Updated over a week ago

All Brand Portals Link

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

Written by Gabriela Tenze
Updated over a week ago

Export & Print the Style Guide

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

Written by Frank Hesenius
Updated over a week ago

Permalinks

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

Written by Michael J. Müller
Updated over a week ago

Changelog

Send a list of recent Style Guide updates using the changelog.

Written by Diana
Updated over a week ago

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

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

Written by Michael J. Müller
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.

Written by Michael J. Müller
Updated over a week ago

Get the most out of your Cover Page

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

Written by Michael J. Müller
Updated over a week ago

Cover Page Targets

Add and simulate targets to your Cover Page

Written by Gabriela Tenze
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.

Written by Marco
Updated over a week ago

Style Guide: Add Smart Blocks

Smart Blocks are smart, because they make your style guide super-useful! Add smart blocks for color, typography, icons and more stuff.

Written by Frank Hesenius
Updated over a week ago

Style Guide Image Block

The Image block.

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

Written by Frank Hesenius
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.

Written by Marco
Updated over a week ago

Audio Block

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

Written by Michael J. Müller
Updated over a week ago

Iframe Block

How to make use of the Iframe Block to embed content to your Style Guide

Written by Michael J. Müller
Updated over a week ago

Storybook Integration

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

Written by Gabriela Tenze
Updated over a week ago

Color Swatches

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

Written by Marco
Updated over a week ago

Dos and Don'ts

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

Written by Gabriela Tenze
Updated over a week ago

Tables

How to use the table block.

Written by Marco
Updated over a week ago