​

Intro

• Style your interface and emails to match brand guidelines
• Customize experiences for your target audience
• Domo Everywhere users can match published content to the surrounding colors on the host page for more cohesive external experiences​

• Required grants
• Access Brand Kit
• Settings
  • Fonts
  • Add a custom font
  • Get font URL
  • Login backgrounds
• Chart color palettes
• Customize emails
  • SMTP integration
  • Header and footer
  • Supported tags and attributes
  • Email host URL
  • Remove email footer

​

Required Grants

• Manage All Company Settings — This option allows the user to view the Brand Kit section but does not allow them to make changes to it.
• Manage All Cards, Pages and Apps (App Studio) — This option allows the user to view the Brand Kit and make changes to it.

​

Access Brand Kit

​

Settings

​

Fonts

1. Access the Brand Kit from the Admin Settings.
2. Go to Settings in the Brand Kit and expand the Primary font dropdown.
3. Select Edit custom font to open the modal.
   
4. In the Link field of the modal, enter the URL for the Google or Adobe font. Learn how to get the font URL. Note: The font must be from Google or Adobe.
   
5. In the Name field, enter the same name that appears in Google/Adobe.
6. Check the box to confirm that you have obtained the appropriate licenses to use the font in the Domo platform.
7. Select Save Font.

Get Font URL

1. Navigate to Google or Adobe fonts.
2. Locate the font you want to use.
3. (Conditional) For Google fonts, select Get Font, then Get Embed Code.
4. Copy the font URL:
   • For Adobe, the URL should be formatted like this: <<http://use.typekit.net/{fontCode}/css\>\>.
   • For Google, the URL should be formatted like this: << https://fonts.googleapis.com/css2?family=Sofadi+One&display=swap\\>> ;.
5. Add the URL to the modal while adding a custom font.

​

Login Backgrounds

1. Access Brand Kit and go to the Settings page.
2. On the Settings page, select a radio button to set a solid Color or Image as the login background.
   • If you choose Color, select the field displaying a HEX color code and choose a preset color or enter your own HEX code.
   
   • If you choose Image, select Choose Image to browse for an image to upload.
   Note: The image must be smaller than 2 MB and in either JPG or PNG format.

​

Chart Color Palettes

1. Access Brand Kit and go to the Chart Colors page.
2. (Optional) If you want to upload a color palette, select Upload to choose one from your machine.
   

​

Create New Palette

1. On the Brand Kit > Chart Colors page, select New Palette. The Color Creator displays.
   
2. In the Color Creator, follow the steps in the UI. You can preview all selections in Step 5: Review colors.
   • Step 1: Choose main hues.
   Select the main hues in your color palette. You can enter an RGB HEX code and adjust the hue, chroma, and lightness. Color Creator automatically gives you a gradient of nine evenly spaced steps from your chosen hue with their HEX codes.
   
   The default palette includes blues. You can delete this or any color group by selecting Delete.
   
   You can edit the name of the hue by selecting Edit.
   
   • (Optional) Step 2: Choose indicator colors
   Choose the Negative, Warning, and Positive color indicators to use in your charts.
   
   • (Optional) Step 3: Choose categorical color pattern
   Select the colors from your palette to use for gauges and arrows on charts. There are three selection methods: Pairing, Selective, and Manual.
   
   • (Optional) Step 4: Choose ‘Period over Period’ color pattern
   Choose which of your colors to use for indicating different time periods. There are two selection methods: Pairing and Manual.
   
   • Step 5: Review colors
   Preview the palette and confirm accessibility by dragging the slider to simulate multiple series.
   
   Note: The colors in the charts in step 5 are pulled from the preview in step 3, moving from left to right, as you can see in the above screenshots.
3. When you finish creating your palette, select Save.
   
4. Return to Chart Colors in the left navigation.
5. Locate and activate your new color palette by selecting its radio button in the Chart Colors list.

​

Customize Emails

​

SMTP Integration

• Gmail
• Mailgun
• Microsoft 365 (Outlook)
• SendGrid

​

Set Up SMTP Integration

1. Access Brand Kit and go to the Emails page.
2. In the SMTP Configuration tab, select Add.
   
   The New Configuration modal displays.
   
3. Provide the following information:

   Name	The name for this specific configuration. It is not visible to email recipients.
   From name	The name that recipients see in the “From” address in the email client.
   From email	The email that recipients see in the “From” address in the email client.
   Host	The email server you wish to use.
   Port 587	TSL or SSL (based on the SMTP server you are using).
   Username	The username credential for the email server you want to use.
   Password	The password associated with the username credential for the email server you want to use.
   (Optional) Customer Headers	Custom headers to track emails through your email server.

4. (Optional) Locate a user in the Send test to list and select Test Connection. This sends a test email to any Domo user in your instance so that you can see how the “From” address is modified in Domo-generated emails.
5. Select Save to keep your changes to the configuration.
6. After the connection has been verified, return to the SMTP Configuration tab and locate the row for the new configuration. In that row, select More > Set as active server.
   

​

Header and Footer

1. In the navigation header, go to More > Admin. The Admin Settings display.
2. In the Brand Kit menu, select Emails.
3. Go to the Header & Footer tab.
4. Toggle the switch labeled Use custom email templates. A dialog displays to advise that you are overriding the header and footer for Domo emails for your organization. Any changes you make apply to all email notifications that Domo sends to everyone at your organization (besides the exceptions listed above).
   
5. Select Enable to move forward.
6. Edit the HTML for the header and footer. Learn about supported tags and attributes below.
   
7. (Optional) Select Send Test Email and enter people or groups to whom you want to send an email to test the custom header/footer. Select Send to initiate the test email.
   
   
8. Select Save to keep your changes to the HTML.
   

​

Supported Tags and Attributes

​

Email Host URL

​

Prerequisites

• (Admin-level) Manage All Company Settings — Allows an individual to manage company metadata, security rules and SSO, publishing, and licenses.
• Embed Content — Allows an individual to embed content externally, with or without authentication.

​

Configure Email Host URL

1. Access Brand Kit and go to the Emails section.
2. Go to the Host URL tab.
3. Toggle Enable host URL.
4. Beside the Host URL field, select Edit and enter the domain you want to use. Note: The URL must begin with ” https://"".
5. Select Save. A confirmation dialog displays. Select Yes, Save Changes.
   
6. (Optional) Select Send Test Email to send and preview an email for your updated host URL.

​

Remove Email Footer

1. In the Instances tab of the Instance management page, select an instance name from the list.
   
   The subscriber log-in modal displays.
2. Select Continue from the subscriber log-in modal. You are logged into the managed instance with admin privileges.
   
3. In the managed instance, navigate to Brand Kit > Emails.
4. Go to the Header & Footer tab.
   
5. Select Edit and enable the Use custom header and footer toggle.
   
6. Enter   (a non-breaking space) in the Footer field and select Save.
   
   You can use the Send Test Email button to verify the configuration.