# Brand Guideline

Guides users through the process of creating a new brand guideline, including how to name the guideline, attach a banner and thumbnail, and add relevant documents. It ensures your brand identity is clearly defined and visually consistent across all users and platforms.&#x20;

## How to add new a Brand Guideline

⚠️ **User Right Required:** You must have the **“Can Create Brand Guidelines”** permission to perform this action.

### **🔹** Step 1: Access to Branding

* Click the **"Tags"** icon in the left navigation bar.
* The **Branding** interface will display a list of all existing **Brand Guidelines**.

<figure><img src="/files/lxvBLlTOh7zjhoHq0DQG" alt=""><figcaption><p>Access to Branding </p></figcaption></figure>

### **🔹** Step 2: Create a New Brand Guideline

* Click to "Add Brand Guidelines" button to start create new Brand Guideline and enter brand guideline name.&#x20;

<figure><img src="/files/gJwmIWE6EwSrXXf9zlVs" alt=""><figcaption><p>Add new brand guidelines</p></figcaption></figure>

<figure><img src="/files/Qv5u34OcZ4OZYFk7liFS" alt=""><figcaption><p>Enter brand guideline name </p></figcaption></figure>

### **🔹** Step 3: **Add information and image**

* **Style Guide Name**: Set the name of your brand guideline.
* **Banner Image**
  * Select a banner image from your existing assets or upload it from your computer using (+) or even search it from web with![](https://support.hivo.co/~gitbook/image?url=https%3A%2F%2Ffiles.gitbook.com%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F0sjg5GpIPr5HzBTJYqYe%252Fuploads%252FcRZKwGFCCTg16fCRIzzy%252Fimage.png%3Falt%3Dmedia%26token%3D307335f7-b14e-4e69-8d29-662b4be06a73\&width=300\&dpr=4\&quality=100\&sign=c8aa4c1c\&sv=2)expanded search.
  * The banner appears at the top of the guideline page; a minimum aspect ratio of 3.5:1 is recommended.
  * Brand Guide Banner Image Sizes: 1500 x 430 **(3.5 : 1)**
  * Image specifications required: J**PG, JPEG, PNG**
* **Thumbnail Preview**
  * This image represents the guideline in the list view and preview areas.
  * Brand Guide thumbnail Image Sizes: 335 x 200 **(1.625 : 1)**&#x20;
  * Image specifications required: **JPG, JPEG, PNG**

<figure><img src="/files/wWYlHJjBUrxRVPzYeYKP" alt=""><figcaption><p>Image size in HIVO app </p></figcaption></figure>

⚠️ Note: The banner image, thumbnail bypasses asset permission checks and will be visible to anyone with access to the guideline.

* **Attached Document**: Optionally, attach a document - brand related documents or instructions on how to use the brand (e.g., PDF).

<figure><img src="/files/qiI6KxR3JZ3py86aND4S" alt=""><figcaption><p>Add information to brand guidelines</p></figcaption></figure>

### **🔹** Step 4: **Adding Sections in a Brand Guideline**

* Click **“Add Sections”** to insert a new component into the guideline.

<figure><img src="/files/KLJjWr6uLKhpYTB1ISRQ" alt=""><figcaption><p>Add </p></figcaption></figure>

* You can add various types of sections such as image, font, description, etc.
* Describe the section and select the corresponding asset.&#x20;
* The **“Hide in Asset Editor”** option can be enabled to hide the section from view within the Asset Editor interface.

<figure><img src="/files/fr5rukGFxaOUUNR8oSon" alt=""><figcaption><p>Option "<strong>Hide in Asset Editor"</strong></p></figcaption></figure>

<figure><img src="/files/eSfU6O5TCLAp9bwf58EL" alt=""><figcaption><p>Section hidden in Editors</p></figcaption></figure>

#### ⚠️  Important Notes:

* For “Font” sections, fonts can be:
  * Linked from HIVO font assets
  * Linked via direct URL (e.g., Google Fonts)&#x20;
* Images added to the guideline:
  * Will be visible to **all users with access to the guideline**, even if they don’t have permission to view the original asset.
  * All **versions** of the image asset will also be visible.

### **🔹** Step 5: Brand Guidelines Settings

In the **Settings Brand Guidelines**, you can configure the following:

#### **1. Setting Permissions**

* In the **Settings** section, assign viewing or editing rights to specific user groups.
* Example: assign **“Can View Account Branding”** or **“Can Edit Account Branding”** permissions.

<figure><img src="/files/yfzOlN42HO9b9cxqHpys" alt=""><figcaption><p>Set up permission to Brand Guideline </p></figcaption></figure>

#### **2. Share Settings**

When viewing a guideline, you can click the settings button at the top to set the sharing access level. There are 3 share options to choose from:

<table><thead><tr><th width="192.8914794921875">Share Level</th><th>Description</th></tr></thead><tbody><tr><td><strong>Not Shared</strong></td><td>No link is generated; only internal users with proper permissions can view.</td></tr><tr><td><strong>Private</strong></td><td>A secret link is created. Anyone with the link can view. If changed to Not Shared/Public, the private link becomes invalid.</td></tr><tr><td><strong>Public</strong></td><td>A public link is generated. If previously changed to Not Shared and later reset to Public, the original link becomes active again (the URL will be the same).</td></tr></tbody></table>

> 📌 **Note**: Regardless of share level, internal users with **“Can View Account Branding”** rights can always access the guideline.

<figure><img src="/files/xG23a3HFrUVmOY5vBIq0" alt=""><figcaption><p>Brand Guide Sharing Options</p></figcaption></figure>

<figure><img src="/files/4IS2xI40WZpURavxXGVq" alt=""><figcaption><p>Private link</p></figcaption></figure>

#### **3. Make default Brand in Image Editor**

When you install Brand Guideline in HIVO app, there will be an important option "Make default brand in image editor". When you enable this toggle, the Brand Guideline you are installing will be applied by default in the Image Editor.

<figure><img src="/files/NSemIocWqLvozHMHMkmW" alt=""><figcaption><p>Make default brand in image editor </p></figcaption></figure>

#### **4. Select Display options**

* In the **Settings**, enable **"Use New Display"** to switch to the new layout for viewing the guideline.
* You can also enable **"Hide Tabs"** to hide navigation tabs and simplify the viewing interface.

<figure><img src="/files/3nD70Wpy21E0KcajnMDq" alt=""><figcaption><p>Display options </p></figcaption></figure>

* Some interfaces display according to options:

<figure><img src="/files/w3JbROobWAEgBQnRdhWv" alt=""><figcaption><p>Hide tab section</p></figcaption></figure>

#### 👉 👉  Read more ["Brand Guideline Detail page"](https://support.hivo.co/branding/brand-guideline-detail-page) here.&#x20;

If you encounter any issues, contact the support team for assistance.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://support.hivo.co/branding/brand-guideline.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
