Branding

White-label the appearance of your spaces

Branding in Notch allows you to customize the appearance of your spaces to ensure consistency and reinforce your company’s identity.

Branding is part of the growth plan, but users of any plan can upload and edit their logo.

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.

Only admin users can access and manage the branding options.

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.

Logos are displayed on an aspect ratio of 1:1. 80x80px is the ideal size for your logo to be displayed in Notch.

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.

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.

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.

Last updated