Introduction
We now allow users of the platform to configure and edit multiple themes under the one account. By enabling this, we make a seamless transition from the hiring page of our customers to Harver Candidate Journey.
In this article:
Permission for this feature
| User | View themes | Edit and Create themes |
| Super Admin | ✅ | ✅ |
| Recruiter | ⛔️ | ⛔️ |
Any changes on the themes will affect the linked candidate journeys immediately, including the ‘in-progress’ candidates.
What are possible for theme creation?
Customizable theme name
We allow users to choose the own name describing the theme.
We also allow editing of the theme name, meaning the name can be updated later and will be reflected in the flow builder.
Logo uploader with preview
We can upload logo now instead of using a URL link.
The uploaded logo is preview-able in actual size as if it is on Desktop or on Mobile.
The uploaded logos are be saved in the account level and can be reused for future configuration.
Primary color and autogenerated shades
You can customize a primary color to the theme by entering Hex color code. This will be saved as Color 500 in our database.
Shades and tints of the color are auto-generated and with possibility to be overriden.
The usage of this colour and the auto-generated shades are shown below:
Color 500 - Primary color: Button color, text link, selected state of options (button preview-able on the page)
Color 600 - Hover dark: Hover state of primary buttons using the primary color (this is preview-able on the page)
Color 100 - Hover light: Hover state of buttons with white background. The usage of this color is little but not trivial(see below). So we don’t recommend to override the value after autogeneration.
Button shape and style
We allow users to choose button shapes
We have a controller for enabling uppercase for all button text.
Font
We provide the following fonts as the choices so that our customer can distinguish their brands.
Font Reference List
Title text font options:
| Font family name | Notes | Similar fonts | Font compare |
| Inter | (Harver default) Inter is a Highly legible font family on screens. A tall x-height aids in readability of mixed-case and lower-case text. |
Roboto Open Sans |
|
| Arial | Arial is a web safe font with classic but rounded look. Similar to the famous Helvetica, Arial is widely used, especially as default font in Microsoft system. |
Helvetica Avenir Next Tahoma |
|
| Noto Sans | Noto Sans supports nearly all languages in the world with unified type style, including Cyrillic and Greek alphabets. |
Source sans Lato |
|
| Playfair Display |
Playfair Display is a recognizable serif font used as website header with an expressive shape. It is legible as titles only and pairs well with common sans serif font such as Inter and Lato. *This font cannot not be used as button text |
Didot Bodini |
|
| Signika | Signika is a sans-serif type font has a gentle character while maintaining high readability of texts. |
Ronnia, Trebuchet MS Merriweather Sans |
|
| Times New Romans |
Times New Roman is a classic serif font widely used in printed media and academia due to its easy legibility and credible traits. *This font cannot not be used as button text |
Source Serif Baskerville Georgia |
|
| Ubuntu | Ubuntu is a modern and geometric typeface with some technical personality. |
DIN Barlow |
|
| Work Sans | Work Sans is a modern sans serif font that is known for its extreme weights and optimised for great legibility on screens. |
Nunito Sans Poppins Montserrat Gotham |
|
Description text font options:
| Font family name | Notes | Similar fonts |
| Inter | (Harver default) Inter is a highly legible font family for mixed-case and lower-case text, while keeping a professional and modern look. |
Roboto Open Sans |
| Lato | Lato is a highly legible font with the semi-rounded details while maintaining stability and seriousness. | |
| Noto Sans | Noto Sans is a versatile type for description text as it supports almost every language in the world with unified type style. | Source Sans |
| Noto Serif | Noto Serif is a global font collection, suitable for almost every language |
Time New Roman Source Serif |