### Settings
Brand Kit Settings allows you to update and customize the fonts displayed in your Domo environment and the login background. After making changes, refresh your browser to see them.
# Fonts
Add and apply Domo-provided and custom fonts to your Domo instance in the Brand Kit setting. Setting the primary font to anything other than the Domo-provided fonts prompts you to set the secondary font for areas where the primary font is not supported, such as chart renderings and the mobile app.
The Domo-provided fonts include Open Sans, Serif, Slab, Condensed, and Mono. Domo uses Open Sans as the default font.
Add a Custom Font (from Adobe or Google)
Follow the steps below to add and apply custom fonts to your Brand Kit.
1. [Access the Brand Kit](#access_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](#get_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**.
Your custom font is now available in the **Primary font** dropdown. Select it to apply it across the Domo platform.
##### Get Font URL
You can add and apply Adobe and Google fonts to your Brand Kit. Follow the steps below to set these up:
1. Navigate to
[Google](https://fonts.google.com/)
# Login Backgrounds
Brand Kit allows you to customize the background image or color shown when logging into your organization within Domo.
Follow these steps to customize your own login experience:
1. [Access Brand Kit](#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.
# 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 
You can edit the name of the hue by selecting 
* (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.
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
With Brand Kit, you can send Domo-generated emails to your users through [your own SMTP server](#SMTP_integration), which allows you to choose the "From" address for the email. You can also [customize the header and footer](#header_and_footer) for these emails and preserve your organization's branding. Learn more in the following sections.
# SMTP Integration
This enhancement allows you to send Domo-generated emails through your SMTP server and modify the "From" address. This means that instead of the message coming from Domo ([notifications@domo.com](mailto:notifications@domo.com) ), the message displays to your users as coming from your organization. (For example: notifications@ *yourorganization*.com.)
This is an all-or-nothing feature, meaning either all Domo-generated emails are sent through your SMTP server or none are. If you want to [modify the email header and footer](#header_and_footer), you must send those emails through your SMTP server.
Domo supports the following SMTP servers:
* Gmail
* Mailgun
* Microsoft 365 (Outlook)
* SendGrid
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. |
# Header and Footer
Using HTML, you can modify the standard header and footer on every Domo-generated email to reflect your organization's branding.
To get access to this feature, contact your CSM.
Follow these steps to customize your emails:
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](#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
When adding a custom header for your SMTP configuration or customizing the header or footer for emails, Domo supports the following HTML tags and attributes:
| Tags | Attributes |
|---|---|
| a | href, title, style |
| b | style |
| blockquote | cite, style |
| br | style |
| caption | style |
| cite | style |
| code | style |
| col | span, width, style |
| colgroup | span, width, style |
| dd | style |
| div | style |
| dl | style |
| dt | style |
| em | style |
| h1 | style |
| h2 | style |
| h3 | style |
| h4 | style |
| h5 | style |
| h6 | style |
| i | style |
| img | align, alt, height, src, title, width, style |
| li | style |
| ol | start, type, style |
| p | style |
| pre | style |
| q | cite, style |
| small | style |
| span | style |
| strike | style |
| strong | style |
| sub | style |
| sup | style |
| table | summary, width, style |
| tbody | style |
| td | abbr, axis, colspan, rowspan, width, style |
| tfoot | style |
| th | abbr, axis, colspan, rowspan, scope, width, style |
| thead | style |
| tr | style |
| u | style |
| ul | type, style |
6. (Optional) Select
**Send Test Email** to send and preview an email for your updated host URL.
# Remove Email Footer
Follow these steps to remove email footer links from your Domo instances.
**To begin:** Go to the Admin Settings (**More** > **Admin**). Under **Domo Everywhere**, select **Instance management**.
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.