|
1 | | -# Customize branding |
| 1 | +# Custom branding |
2 | 2 |
|
3 | 3 | Openblocks provides a white-labelling feature that allows you to customize your workspace's **branding**, including logo, favicon, brand name and color. You can easily configure branding to match your company's branding and benefit from consistent experiences with your company's existing internal tools. |
4 | 4 |
|
5 | 5 | {% hint style="info" %} |
6 | | -Custom branding is a **premium** feature of self-hosted Enterprise Edition of Openblocks. Feel free to contact our team if needed. |
| 6 | +Custom branding is a **premium feature** of self-hosted [Enterprise Edition](../self-hosting/enterprise-edition.md) of Openblocks. Feel free to contact our team if needed. |
7 | 7 | {% endhint %} |
8 | 8 |
|
9 | | -## Configure branding |
| 9 | +## Branding settings |
10 | 10 |
|
11 | | -Only **workspace admins** have the permission to configure branding. Navigate to [Openblocks homepage](https://cloud.openblocks.dev/), select ⚙️ **Settings** tab **** in **** the left pane and click **Branding**. You can edit the settings on the left and preview the actual effects on the right. |
| 11 | +Only **workspace admins** have the permission to customize branding. Navigate to [Openblocks homepage](https://cloud.openblocks.dev/), select ⚙️ **Settings** tab **** in **** the left pane and click **Branding**. You can edit the settings on the left and preview the actual effects on the right. |
12 | 12 |
|
13 | 13 | <figure><img src="../.gitbook/assets/custom-branding-1.png" alt=""><figcaption></figcaption></figure> |
14 | 14 |
|
| 15 | +The customizable branding settings are listed as follows: |
| 16 | + |
15 | 17 | * Logo: click the **Logo** box to upload your logo, which is shown at the top bar. The file browser will pop up and you can select an image file. Openblocks supports `.jpg`, `.svg`, and `.png` files. |
16 | 18 | * Head color: click the palette in the **Head Color** section to select the background color of the top bar. You can also directly type a CSS color into the box. |
17 | 19 | * Brand name: enter your **Brand Name** in the input box and it will show on the **login page** and as the browser tab title. |
18 | 20 | * Favicon: click the **Favicon** box to upload your website icon, which is shown in the browser tab. |
19 | 21 |
|
| 22 | +{% hint style="success" %} |
20 | 23 | Click the **Save** button and the settings will immediately take effect. |
| 24 | +{% endhint %} |
| 25 | + |
| 26 | +### Example  |
| 27 | + |
| 28 | +The following pictures show what workspace **members** and **end users** will see on the login page, homepage, and application pages after branding is successfully customized (take the brand name "My brand" for example). |
21 | 29 |
|
22 | | -The following pictures show what workspace end users will see on the homepage and application pages after branding is successfully customized. |
| 30 | +<figure><img src="../.gitbook/assets/custom-branding-5.png" alt=""><figcaption><p>the login page</p></figcaption></figure> |
23 | 31 |
|
24 | | -<figure><img src="../.gitbook/assets/custom-branding-2.png" alt=""><figcaption></figcaption></figure> |
| 32 | +<figure><img src="../.gitbook/assets/custom-branding-2.png" alt=""><figcaption><p>the homepage</p></figcaption></figure> |
25 | 33 |
|
26 | | -<figure><img src="../.gitbook/assets/custom-branding-3.png" alt=""><figcaption></figcaption></figure> |
| 34 | +<figure><img src="../.gitbook/assets/custom-branding-3.png" alt=""><figcaption><p>application pages</p></figcaption></figure> |
27 | 35 |
|
28 | | -Note that workspace developers and admins still see Openblocks branding on the homepage and the app editor. |
| 36 | +Note that workspace **developers** and **admins** still see "Openblocks" branding on the homepage and application pages. |
29 | 37 |
|
30 | 38 | <figure><img src="../.gitbook/assets/custom-branding-4.png" alt=""><figcaption></figcaption></figure> |
31 | 39 |
|
|
0 commit comments