# Base Settings

### Template options

These are settings like font size, main text colour etc.

Open ‘Template Options’ – this is located at the top left corner of the email.

<figure><img src="https://resources.ubiquity.co.nz/Images/template-options-btn.jpg" alt="A screenshot of the template options button."><figcaption><p>The template options button.</p></figcaption></figure>

There are a few tabs to go through

***

### Tab: Header

Title: This is the title that will show in the browser tab if the email is viewed online.

Favicon: This is the icon that will show next to the title in the browser tab.

![The page title and favicon.](https://resources.ubiquity.co.nz/Images/template-options-header.jpg)

***

### Tab: Fonts

[Click here](https://resources.ubiquity.co.nz/home/using-engage/email/building-optimised-emails#typography-fonts) to find out about fonts for email.

This template allows you to choose your main body font and headings (if different).

If you want to use a custom font (a non-email-safe font) you will need the URL to your font-face file (this will most likely be a file that ends with .css). It will show text that looks like this, if viewed in the browser.<br>

<figure><img src="https://resources.ubiquity.co.nz/Images/template-options-font-face.jpg" alt="Font-face css"><figcaption><p>Font-face CSS</p></figcaption></figure>

Talk to your website/design team about your brand’s font and if font-face CSS is available.

Google also have fonts available for free.

First confirm you want to use a custom font for your email<br>

<figure><img src="https://resources.ubiquity.co.nz/Images/template-options-use-custom-font.jpg" alt="Custom font options"><figcaption><p>Custom font options</p></figcaption></figure>

You can copy/paste the font file URL into the template options field<br>

<figure><img src="https://resources.ubiquity.co.nz/Images/template-options-font-field.jpg" alt="URL to font file"><figcaption><p>URL to font file</p></figcaption></figure>

If using a Google font, check the Google font field to automatically add the preconnect files to help load the font files faster.<br>

<figure><img src="https://resources.ubiquity.co.nz/Images/template-options-google-font.jpg" alt="Google font option"><figcaption><p>Google font option</p></figcaption></figure>

Next, you need to determine your font family options. (These are the font names).

The standard fonts will be the email-safe font options, Arial, Helvetica, sans-serif  (the most common font family).<br>

<figure><img src="https://resources.ubiquity.co.nz/Images/template-options-font-family.jpg" alt="Font family standard"><figcaption><p>Font family standard</p></figcaption></figure>

If using a custom font you will list the font family in the custom fields.<br>

<figure><img src="https://resources.ubiquity.co.nz/Images/template-options-font-body-custom.jpg" alt="Font family custom"><figcaption><p>Font family custom</p></figcaption></figure>

***

### Tab: Copy colours

Here you set your default body copy/text and link colours. You set a dark and light colour option. You will then be able to select which colour option is best when creating your article and what background colour is chosen.

You can choose your colours either by the colour picker, HEX code or RGB.

![Colour picker](https://resources.ubiquity.co.nz/Images/template-options-color-picker.jpg)

***

### Tab: Desktop font sizes

Here you set the default font size you want the main body copy and the headings 1-3 on desktop. You can set the space underneath the paragraphs and headings. Font sizes and spacing are set in pixels. Recommended font sizes are preselected. You can move the slider left/right to select your desired font size/spacing.

![Font sizes](https://resources.ubiquity.co.nz/Images/template-options-font-sizes.jpg)

***

### Tab: Mobile font sizes

Mobile font sizes work the same way as the desktop tab but are only applied if the email is viewed on a mobile device. You can set them to be the same as the desktop if you wish to keep the body/headings the same size.

***

### Tab: Mobile spacing

This is the spacing around each article and will be only applied if the email is viewed on a mobile device. The spacing will also only apply if the article itself has desktop spacing and the exclude mobile spacing isn’t checked. The desktop spacing settings are done in the article settings.

![Mobile spacing](https://resources.ubiquity.co.nz/Images/template-options-mobile-spacing.jpg)

***

### Tab: Background

This tab sets the background colour that is outside the email.

![Background colour](https://resources.ubiquity.co.nz/Images/template-options-background.jpg)

***

### Tab: View online/Customer info

With the view online you can choose to show/hide it and select the text colour.<br>

<figure><img src="https://resources.ubiquity.co.nz/Images/template-options-view-online.jpg" alt="View online"><figcaption><p>View online</p></figcaption></figure>

Customer info is an optional text box if you wish to have any extra copy that sits alongside the view online text. You can choose if it sits left or right of the view online text or centre if choose to hide the view online text and select the copy colour.<br>

<figure><img src="https://resources.ubiquity.co.nz/Images/template-options-customer-info.jpg" alt="Customer info"><figcaption><p>Customer info</p></figcaption></figure>


---

# Agent Instructions: 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:

```
GET https://docs.ubiquity.co.nz/documentation/channels/email/email-templates/base-settings.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.