Your Global design settings are the design options that ensures that your entire career page package stays on brand. This is where you set page wide settings, such as logotyp, colors and typography. All settings here are inherited throughout your Teamtailor pages.
Let’s take a closer look at what you edit in your Global design. For your convenience, you’ll see a clickable table of content here:
First things first, you will be able to access your Global design settings in two places: from your content overview as well as when visiting a specific page editor. Keep an eye out for the brush!
Your default logo is the one used everywhere on your account, including emails sent to your candidates. So, make sure this one works great on a white background.
💡 You’ll see a helpful preview of what your logos will look like on a white/grey the right hand side of the page when viewing your global design. The logotype displayed on white is your default, and grey your optional.
The optional logo will be used on your career site. If the default logotype above doesn’t look good on the career site, you upload a different version for the career site here. This is a good idea if you for example want to use a white logo on top of the cover image on your career site.
Your favicon is the icon that’s displayed in the browser's adress bar, and this is usually your logotype.
Being consistent with your color selection is a great way to stay within your brands theme, and this is made very easy in Teamtailor. The color settings under your global design is used in every single page of your career site.
💡 Unsure of what your color settings will look like? Take a look at the preview on the right hand side of the page when viewing your global design, here you’ll see what your primary and secondary background and content will look like.
Master: the color set as Master is by default used for all links and graphical details and you probably want to use your brands key/primary color here. This is also overriding any settings for the color options for link, secondary background, and button background, so updating this will override your extra color options for.
When designing your career site, you can use any one of the fonts provided or you can use a custom font. The custom fonts can be uploaded using Google fonts, Typekit, or via a .woff file sent to the Teamtailor team.
The font weight defines the thinness/thickness of the font used.
Please note! When adding a custom font, we recommend that you include as many font weights as possible, as you will only be able to set the weight included in the font pack.
You have the option of decide what style you want on your buttons. The options includes Outlined or Filled, as well as setting a Border radius (decides the corners of the button, where 0px is sharp corners).
💡 In screenshot above, you’ll see four different examples of buttons. On the first row, you see outlined buttons with border radius 0px (left) and then 40px (right). On the second row, you see filled buttons with border radius 0px (left) and then 40px (right).
Enable a confetti animation on the page your candidate lands at after submitting their application.
❕ Please note that we don’t offer any support for custom coding/edits. You are in charge of the code, and ensuring it looks good with any future updates of our platform.