Skip to main content
All CollectionsUsing the brand guidelines system.Working within the app
How to set up Open Graph & Favicon for your brand
How to set up Open Graph & Favicon for your brand

This article will help you set up Open Graph and favicon for you brand.

Morten Aamodt avatar
Written by Morten Aamodt
Updated over a week ago

As a part of creating your brand guideline, you can set up custom Open Graph settings so that you can control what is displayed when you share a link to the live guideline.

OpenGraph settings.

In your brand settings, you can edit and set up your Open Graph data. This consists of three elements: title, description and image URL that will be embedded when you share the URL on social media.

The title is displayed in bold and is a clickable link. There is no limit on the amount of characters that are allowed but we suggest you keep it between 60 and 90.

The description is displayed underneath the title and is used to describe the link you are sending. There is no limit on the amount of characters but we suggest you keep it around 200.

Image URL is used to display a preview picture of your choice. You can add an image link from wherever you please but keep in mind that if the image is removed it will no longer be displayed. We recommend that you add an image URL from the guideline you are making. You can easily find the image URL by right-clicking on an image and selecting copy image address. Just paste this into the image URL field and you are good to go.

The recommended image size is 1200 x 630 pixels, but adding images of a different size will work as well.

Favicon

In your brand settings, you can upload a favicon to the brand you are working on. This icon will be displayed in your browser tabs, bookmarks, and address bar. Supported file type is ico.

If you need any help just reach out to us via the in-app chat or drop us a line at hi@brandpad.io.

Did this answer your question?