Career page — Branding

Where to find it

Configuration → Career page → Branding

Who can use it

Administrators with career-page access

Direct URL

https://app.nextal.com/conf/admin/careerPage

The Branding tab is where your career site takes on your organization’s visual identity. It is organized into three sections: branding colours (fonts and colour pickers), branding images (logos and background images), and custom CSS.

Screenshot pendingThe Career page Branding tab showing font selectors, colour pickers, image upload slots for logos and backgrounds, and a custom CSS field.

The Branding tab. Fonts, colours, images, and CSS are configured in three separate sections.

Branding colours

This section contains two font selectors and ten colour pickers:

Setting	Description
Title font	Font used for headings across the career site
Title Color	Colour applied to heading text
Text font	Font used for body text
Primary Color	Main brand colour used for buttons and accents
Banner Color	Background colour of the career site banner area
Footer Color	Background colour of the footer
Background Color	Page background colour
First Color	Additional accent colour
Second Color	Additional accent colour
Third Color	Additional accent colour
Fourth Color	Additional accent colour
Fifth Color	Additional accent colour

Branding images

If your organization supports multiple languages, a language selector appears so you can upload per-language images. The following image slots are available:

Slot	Recommended size
Favicon	16 × 16 px
Logo	200 × 50 px
Reverse Logo	200 × 50 px (light version for dark backgrounds)
Main page background	1920 × 300 px
Job Alert Background	1920 × 300 px
Spontaneous application background	1920 × 300 px

Each background image slot also has a paired text colour picker that controls the colour of text overlaid on that image:

Main page text color — text colour on the main page background
Job alert text color — text colour on the job alert background
Spontaneous application text color — text colour on the spontaneous application background

Custom CSS

A free-text field where you can enter custom CSS rules that are injected into the career site. Use this for fine-grained style overrides that are not covered by the colour or font settings.

Tips

Use the same hex codes as your brand guidelines. Copy them from your design team’s style guide rather than eyeballing the colour picker.
Upload both logo versions. The “Reverse Logo” (light version) is used when the site renders a dark header — without it, your logo may be invisible.
Preview on mobile after saving. Background images and font choices can look very different on smaller screens.
Keep custom CSS minimal. Extensive CSS overrides can break on future career-site updates.