It's so easy to navigate to the tools you need within the Style Guide. Over the PowerBar, you can see your notifications, do all the relevant settings, send invites and share the Style Guide and much more.

The PowerBar on the Style Guide.

From top to bottom:

  1. Home (Dashboard).

  2. Team / Invite

  3. Settings

  4. Analytics

  5. Share Print & PDF

  6. Fullscreen switcher

  7. Notifications

  8. User Profile / Logout

Home (Dashboard)

If you press the Frontify Logo on the Powerbar, you will come back to the dashboard. From here you can reach other brands or projects.

Team / Invite

From here you can invite your team members, your stakeholders, clients or any other person via email. You are able to set the permission for each person.


From now on you are able to grand persons temporary access from a date to a certain date.


From the settings, you have the power to give your brand that certain something.

General: Here you can set the names for the Style Guide, the heading- and subheading. You can activate, that the authentication requires a login. Also, you are able to set a custom domain here. And last but not least, you can delete your work. But you never gonna do this?  ;-)

You can set here the size of the header. Give them a background color, or set an image as background. Each document can have his specific header background.
You need a logo in your header. This can be set here also.
You wish you could set a hero font and a color.
Amazing, this is exactly what you find here. 

Style Guide Header & Sub-header Alignment

The header and sub-header of your Style Guide can be aligned either centered or aligned left, same as the content on the page. 

To change the alignment, go to your Style Guide and in the edit mode in the Power Bar or using the shortcut (cmd+e) click on the Header Settings in the middle of the page. Select the Typography tab and then choose under Appearance > Header Alignment. You will have the option to align the text either Centered or Content. 


At the content settings, you can set all the things up, like body font, color, link color, heading font, and color. And accent colors for Infos, Notes, Tip, Warnings. 

Should nobody download anything from out your Style Guide?
No Problem. Deactivate the image download.

But remember: Image download can be activated also at the image itself.

Navigation: You want that your navigation is collapsible or better sticky? That`s what you can setup here.

NEW FEATURE: You can now set by yourself, how many documents are visible in the top navigation. Fantastic or isn`t it ;-)

UI Pattern: External Resources (CSS / Javascript).
Why not. Paste the link in here. Set the CSS Pre-Compiler if needed. 


You can see under your analytics the statistics of a page or a document.
For example, Page A is having 125 views from 100 visitors at day X. The same is possible for documents. Per day/week or month could set as an output value.

Share Print & PDF

If you pressing the Share icon from the PowerBar, then you'll see the link which can be sent out to people. From here you will be redirected to the settings dialog if you wanna set that the link requires a login. 

On the Print & PDF, you can export your Style Guide to a PDF.
Easy. Only press the Print button.

Did this answer your question?