Skip to main content

Corporate Design

Updated over 3 weeks ago

Design Mode

Your career page can be easily adapted to your corporate design with just a few clicks. To do this, go to the “Design” tab and make the following adjustments:

  • Upload and adjust the size of the logo in the header

  • Round corners

  • Select fonts

  • Define colors and gradients


Integrate Logo

First, upload your logo.

If you later decide to use the transparent header, the logo must be uploaded with a transparent background and in PNG format. This also applies if the header is to have a color other than white.

If the header of your career page is to remain white by default, the logo can also be uploaded with a white background and in JPEG format.

Please note that the logo should ideally have no free space around the motif because the header will be reduced when scrolling and the logo will also be significantly scaled down.


Enlarge Logo

Sometimes it is necessary to enlarge the logo. This is especially true for extremely wide or detailed logos.

To do this, activate the corresponding option and move the slider to the right.

Please note that logos in extreme portrait format can only be enlarged to a limited extent because the height of the header reaches its maximum value.


Round Corners

Now it gets round!

By default, most graphic elements such as buttons or tiles are square. However, if your design requires rounded corners, the design settings offer 6 rounding levels.

Move the slider and all shapes will be immediately adjusted according to your specifications.


Cross-Language Synchronization

Planning to publish your career page in another language?

By default, all design settings are synchronized between all activated languages. For example, if you change the logo in the German language version, it will also be changed in the English language version.

But what if your logo is available in a modified version for different languages? Or do you want your career page in another language to follow different design guidelines?

In this case, you can make certain design settings language-specific and turn off synchronization.


Fonts

The typographic concept of the career page is defined by one font for headlines and one font for body text. This can also be the same font if your corporate design requires it.

Your career page already contains some font examples that can be activated and used under the license.

You can also use selected Google Fonts or have your own font uploaded and activated by our support team.


Custom Fonts

Click on the plus icon under “Custom Fonts” to select your own font from the most popular Google Fonts or to access the fonts provided to the support team.

If you want to embed your own font, please provide all font styles (e.g., regular, bold, italic) to the support team in the following supported formats:

  • .woff2

You can use the entire Google Fonts Library by using the free tool Google Webfonts Helper to download your font in the defined file formats and make it available to the support team for integration.


Add Font Set

To create a new font set, first assign it a title.

Then select the font for the headlines. You can define a font style for normal headlines and one for bold headlines.

Then select the font for normal text (body text). We recommend using a corresponding font style for bold text.

Later in the builder, you can then mark the text in bold to improve readability.

Save the new font set and apply it by clicking on the new tile.


Colors

The color concept of the career page is primarily defined by the highlight color. This color is used in most components. By adjusting this color, you change the color scheme globally. Please enter your company's color as an RGB or hexadecimal value here. Contact your marketing department to obtain this value.

Additional colors are optional and contribute to a dynamic color feel of your career page. You can create an unlimited number of additional colors and access them later in the builder when configuring the components.

Please note: If you create additional landing pages (paid add-on), you have the option to adjust the highlight color per landing page. However, all other colors are synchronized between the landing pages.


Gradients

Selected components offer the possibility to use a color gradient instead of a solid color.

You can create a new gradient here and access it later in the builder when configuring the components.

Did this answer your question?