> For the complete documentation index, see [llms.txt](https://docs.notch.so/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.notch.so/account-management/team-settings/branding.md). # Branding Branding in Notch allows you to customize the appearance of your spaces to ensure consistency and reinforce your company’s identity. {% hint style="info" %} Branding is part of the growth plan, but users of any plan can upload and edit their logo. {% endhint %} ## Accessing Branding Settings 1. Click on your profile icon at the top left of the navigation bar and select "Team Settings" from the dropdown menu. 2. In the Team Settings menu, click on the "Branding" tab to access the branding customization options. {% hint style="info" %} Only admin users can access and manage the branding options. {% endhint %}

Whitelable branding option of Notch

## **Customization Options** ### **Logomark** The logomark or icon of your company will be used in several small elements across the space and in emails sent to your clients. #### **Upload Logomark:** 1. Click on the logomark area to upload your company’s logo. 2. Choose your logomark from your device and upload it. 3. You will see a preview of how the logomark will appear. {% hint style="info" %} Logos are displayed on an aspect ratio of 1:1. 80x80px is the ideal size for your logo to be displayed in Notch. {% endhint %} ### **Banner** Banners are added to spaces to give a visual identity. Wide images with a focus on the center work best. **Upload Banner:** 1. Click on the banner area to upload a banner image. 2. Choose your banner from your device and upload it. 3. You will see a preview of how the banner will appear in your spaces. {% hint style="info" %} Ideal size varies based on the main device you are targeting. The height is always 300px, and the width depends on the client's screen (full width). We use "cover" to best fit the image into these dimensions. {% endhint %} ### **Colors** Set your primary and secondary colors to match your brand’s color scheme. The primary color is used for all buttons in spaces, and the secondary color is used for the background color of some elements. * **Primary Color:** Enter the hex code or use the color picker to select your primary brand color. * **Secondary Color:** Enter the hex code or use the color picker to select your secondary brand color. ### **Layout** Customize the button shape to fit your branding. Choose the button shape from the dropdown menu 1. Pill 2. Rectangle 3. Rounded The preview section will update to show how the buttons will look with the selected shape. ### **Saving Changes** After customizing your branding settings, click the "Save changes" button to apply your changes. --- # Agent Instructions This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com. ## 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, and the optional `goal` query parameter: ``` GET https://docs.notch.so/account-management/team-settings/branding.md?ask=&goal= ``` `ask` is the immediate question: it should be specific, self-contained, and written in natural language. `goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal. 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.