Use this dialog box to determine the style of your brand.
Theme name |
The unique name of your brand so that you can identify it. |
Logo |
Your logo image. Most image file types are accepted. It's important to use a correct and well-designed logo. A bad logo degrades the user experience and has the reverse impact you intended. Please observe these guidelines and take time to get the logo right:
|
Favicon |
You can change the favicon image that appears on the tab of the browser. The image must be in the .ico format. It must be 16x16 pixels or 32x32 pixels, using either 8-bit or 24-bit colors. The format of the image must be one of PNG (a W3C standard), GIF, or ICO. The file should be called favicon.ico. |
Primary Color |
The color of the global header bar and other primary colors. This is used subtly in hundreds of places throughout the application. |
Secondary Color |
The color of the subtitles and non-primary colors. This is used subtly in hundreds of places throughout the application. |
Fonts |
The list of font styles that you can use on your pages in your Applaud tenant. |
Advanced options
Select the option to see the rest of the advanced options
Page background-color |
The background of each page. |
Sub-navigation text color |
The font color of the sub-navigation text. |
Link color |
The color of the links. |
Link weight |
Indicates whether links are bold or not.
|
Positive color |
A neutral color is used for page components such as an Add button. |
Balanced color |
We use this for actions such as Approve or Submit. |
Energized color |
A warning color to highlight an alert or confirmation. |
Assertive color |
A color indicating a cautionary action such as a Delete button. |
Header font face
If you have a specific font that you want to use for your pages in your Applaud tenant, you can upload them here. If you use your own custom font for headings, this overrides any fonts specified in the Fonts fields for the headers.
Font name |
The font that you want to use for all your headings on your pages in your Applaud tenant. Take care to write this correctly so that the browser can read it. For example, see the W3 schools article, CSS Web Safe Fonts. |
Fallback fonts |
The font to use if the browser can't read the font for whatever reason. If a font name includes spaces, you must include the font name in speech marks. For example, Arial or 'Times New Roman'. |
UPLOAD WOFF FONT |
Opens the dialog box so that you can locate and select your font to upload. If you're using custom fonts, you must upload all four of these to ensure a consistent experience in all browsers. |
UPLOAD TTF FONT |
|
UPLOAD SVG FONT |
|
UPLOAD EOT FONT |
Body font face
If you use your own custom font here, this overrides any previously specified fonts for the body.
Font name |
The font that you want to use for all your body text on your pages in your Applaud tenant. |
Fallback fonts |
The font to use if the browser can't read the font for whatever reason. |
UPLOAD WOFF FONT |
Opens the dialog box so that you can locate and select your font to upload. |
UPLOAD TTF FONT |
|
UPLOAD SVG FONT |
|
UPLOAD EOT FONT |
Footer
The footer appears at the bottom of every page. Only those with a good understanding of HTML and CSS languages should configure this section. Try to make the code responsive to work on mobile devices.
Note
-
We don't support JavaScript unless within an iframe.
-
If you include things like social icons, these are styled by existing default styles.
Enable footer? |
Turns on the footer for your Applaud tenant pages and shows the footer options. |
HTML |
The HTML code that contains your footer detail. |
CSS |
The CSS code that styles your footer HTML code only. This won't affect any other part of your Applaud tenant. You should make your footer is responsive. See the W3 schools article, Responsive Web Design. |
Footer background-color |
The background color of the footer HTML. |