---
title: Branding Pictures
description: All branding images used in the Referral program with their correct properties.
---

[Skip to content](https://help.cleverconnect.com/en/knowledgebase/erp-branding-pictures#main-content)

- [English](https://help.cleverconnect.com/en/knowledgebase/erp-branding-pictures)
- [Deutsch](https://help.cleverconnect.com/de/branding-bilder)

English

Show submenu for translations

[More support](https://help.cleverconnect.com/en/knowledgebase/kb-tickets/new?hsLang=en)

[![CC\_Logo\_Colors](https://help.cleverconnect.com/hs-fs/hubfs/CC_Logo_Colors.png?width=200&height=41&name=CC_Logo_Colors.png)](https://help.cleverconnect.com/?hsLang=en)

- [Knowledge Base Home](https://help.cleverconnect.com/)
- Product
  
  Show submenu for Product

    - [Referral & Internal Mobility](https://help.cleverconnect.com/en/knowledgebase/referral-internal-mobility)
    - [Candidate Relationship Management](https://help.cleverconnect.com/en/knowledgebase/candidate-relationship-management)
    - [Career Site](https://help.cleverconnect.com/en/knowledgebase/career-site)
    - [Video Interview - Recruiter](https://help.cleverconnect.com/en/knowledgebase/video-interview-recruiter)
    - [Video Interview - Candidate](https://help.cleverconnect.com/en/knowledgebase/video-interview-candidate)
    - [Integration](https://help.cleverconnect.com/en/knowledgebase/integration)
    - [Platform](https://help.cleverconnect.com/en/knowledgebase/platform)
- [Support Portal](https://portal.cleverconnect.com/tickets-view)
- [Sign out](https://portal.cleverconnect.com/_hcms/mem/logout)

Open main navigation

Close main navigation

- [Knowledge Base Home](https://help.cleverconnect.com/)
- Product
  
  Show submenu for Product

    - [Referral & Internal Mobility](https://help.cleverconnect.com/en/knowledgebase/referral-internal-mobility)
    - [Candidate Relationship Management](https://help.cleverconnect.com/en/knowledgebase/candidate-relationship-management)
    - [Career Site](https://help.cleverconnect.com/en/knowledgebase/career-site)
    - [Video Interview - Recruiter](https://help.cleverconnect.com/en/knowledgebase/video-interview-recruiter)
    - [Video Interview - Candidate](https://help.cleverconnect.com/en/knowledgebase/video-interview-candidate)
    - [Integration](https://help.cleverconnect.com/en/knowledgebase/integration)
    - [Platform](https://help.cleverconnect.com/en/knowledgebase/platform)
- [Support Portal](https://portal.cleverconnect.com/tickets-view)
- [Sign out](https://portal.cleverconnect.com/_hcms/mem/logout)
- - [English](https://help.cleverconnect.com/en/knowledgebase/erp-branding-pictures)
    - [Deutsch](https://help.cleverconnect.com/de/branding-bilder)

  English
  
  Show submenu for translations
- [More support](https://help.cleverconnect.com/en/knowledgebase/kb-tickets/new)
- [Raise a Ticket](https://share-eu1.hsforms.com/21wJGXohtROqE6AYNaDgjdg2f3vrn)

[Raise a Ticket](https://share-eu1.hsforms.com/21wJGXohtROqE6AYNaDgjdg2f3vrn)

 How can we help you?

- There are no suggestions because the search field is empty.

1. [Cleverconnect CXP](https://help.cleverconnect.com/en/knowledgebase?hsLang=en)
2. [Referral & Internal Mobility](https://help.cleverconnect.com/en/knowledgebase/referral-internal-mobility?hsLang=en)
3. [General & Set-Up](https://help.cleverconnect.com/en/knowledgebase/referral-internal-mobility?hsLang=en#general-set-up)

# Branding Pictures

You will find:   
\- How to create a custom image for the [Welcome Page](https://help.cleverconnect.com/en/knowledgebase/erp-branding-pictures#Welcome_Page)  
\- How to create a custom image for the [Job Detail Page](https://help.cleverconnect.com/en/knowledgebase/erp-branding-pictures#Welcome_Page) (landscape and mobile view)   
\- How to create a custom [CI Image](https://help.cleverconnect.com/en/knowledgebase/erp-branding-pictures#CI_Image)

#### Welcome Page Image

The image should have a **width of 1920px** with a **ratio of 16:5**  
The **yellow field** shows the area where you can put additional texts.

![rtaImage](https://help.cleverconnect.com/hs-fs/hubfs/rtaImage.jpeg?width=670&height=247&name=rtaImage.jpeg)

#### Job detail Header

![rtaImage](https://help.cleverconnect.com/hubfs/rtaImage.avif)

#### Landscape View (Desktop & horizontal view)

The image should be **1920px x 600px**  
The **yellow field** shows the area where you can put additional texts.

[**Download**](https://f.hubspotusercontent10.net/hubfs/4636513/Desktop%20IMG%20Schema%20.png) the image below to use as a template:

![Desktop IMG Schema ](https://help.cleverconnect.com/hs-fs/hubfs/Imported%20sitepage%20images/Desktop%20IMG%20Schema%20.png?width=670&height=209&name=Desktop%20IMG%20Schema%20.png)

[**Download**](https://f.hubspotusercontent10.net/hubfs/4636513/Desktop%20IMG%20Schema%20-%20Explanation%20Copy.pdf)the step-by-step guide to correctly create your  job-detail image for landscape view using the above template  
![rtaImage (2)](https://help.cleverconnect.com/hubfs/rtaImage%20(2).avif)

Mobile View (vertical view)

The image should be **768px x 384px**  
The **yellow field** shows the area where you can put additional texts.

 [**Download**](https://f.hubspotusercontent10.net/hubfs/4636513/Mobile%20IMG%20Schema%20(1).png) the image below to use as a template:

#### CI Image  ![rtaImage](https://help.cleverconnect.com/hs-fs/hubfs/rtaImage.png?width=540&height=234&name=rtaImage.png)

- [Career Site](https://help.cleverconnect.com/en/knowledgebase/career-site?hsLang=en#main-content)

    - [General & Set-Up](https://help.cleverconnect.com/en/knowledgebase/career-site?hsLang=en#general-set-up)
    - [Site Management](https://help.cleverconnect.com/en/knowledgebase/career-site?hsLang=en#site-management)
    - [Design & Branding](https://help.cleverconnect.com/en/knowledgebase/career-site?hsLang=en#design-branding)
- [Referral & Internal Mobility](https://help.cleverconnect.com/en/knowledgebase/referral-internal-mobility?hsLang=en#main-content)

    - [General & Set-Up](https://help.cleverconnect.com/en/knowledgebase/referral-internal-mobility?hsLang=en#general-set-up)
    - [User](https://help.cleverconnect.com/en/knowledgebase/referral-internal-mobility?hsLang=en#user)
    - [Gamification](https://help.cleverconnect.com/en/knowledgebase/referral-internal-mobility?hsLang=en#gamification)
    - [Stories](https://help.cleverconnect.com/en/knowledgebase/referral-internal-mobility?hsLang=en#stories)
    - [Application](https://help.cleverconnect.com/en/knowledgebase/referral-internal-mobility?hsLang=en#application)
    - [Recruiter](https://help.cleverconnect.com/en/knowledgebase/referral-internal-mobility?hsLang=en#recruiter)
    - [Reporting](https://help.cleverconnect.com/en/knowledgebase/referral-internal-mobility?hsLang=en#reporting)
    - [Best Practices](https://help.cleverconnect.com/en/knowledgebase/referral-internal-mobility?hsLang=en#best-practices)
    - [Communication](https://help.cleverconnect.com/en/knowledgebase/referral-internal-mobility?hsLang=en#communication)
    - [Data Security](https://help.cleverconnect.com/en/knowledgebase/referral-internal-mobility?hsLang=en#data-security)
    - [Referral](https://help.cleverconnect.com/en/knowledgebase/referral-internal-mobility?hsLang=en#referral)
    - [Campaign](https://help.cleverconnect.com/en/knowledgebase/referral-internal-mobility?hsLang=en#campaign)
- [Candidate Relationship Management](https://help.cleverconnect.com/en/knowledgebase/candidate-relationship-management?hsLang=en#main-content)

    - [Talents](https://help.cleverconnect.com/en/knowledgebase/candidate-relationship-management?hsLang=en#talents)
    - [Talent Fields](https://help.cleverconnect.com/en/knowledgebase/candidate-relationship-management?hsLang=en#talent-fields)
    - [General](https://help.cleverconnect.com/en/knowledgebase/candidate-relationship-management?hsLang=en#general)
    - [Automations](https://help.cleverconnect.com/en/knowledgebase/candidate-relationship-management?hsLang=en#automations)
    - [Campaigns](https://help.cleverconnect.com/en/knowledgebase/candidate-relationship-management?hsLang=en#campaigns)
    - [Pools](https://help.cleverconnect.com/en/knowledgebase/candidate-relationship-management?hsLang=en#pools)
- [Video Interview - Recruiter](https://help.cleverconnect.com/en/knowledgebase/video-interview-recruiter?hsLang=en#main-content)

    - [Step by Step Guide](https://help.cleverconnect.com/en/knowledgebase/video-interview-recruiter?hsLang=en#step-by-step-guide)
    - [My Account](https://help.cleverconnect.com/en/knowledgebase/video-interview-recruiter?hsLang=en#my-account)
    - [Invitation & Sharing](https://help.cleverconnect.com/en/knowledgebase/video-interview-recruiter?hsLang=en#invitation-sharing)
    - [Campaign](https://help.cleverconnect.com/en/knowledgebase/video-interview-recruiter?hsLang=en#campaign)
- [Video Interview - Candidate](https://help.cleverconnect.com/en/knowledgebase/video-interview-candidate?hsLang=en#main-content)

    - [Equipment](https://help.cleverconnect.com/en/knowledgebase/video-interview-candidate?hsLang=en#equipment)
    - [Useful Information](https://help.cleverconnect.com/en/knowledgebase/video-interview-candidate?hsLang=en#useful-information)
    - [My Video](https://help.cleverconnect.com/en/knowledgebase/video-interview-candidate?hsLang=en#my-video)
- [Integration](https://help.cleverconnect.com/en/knowledgebase/integration?hsLang=en)
- [Platform](https://help.cleverconnect.com/en/knowledgebase/platform?hsLang=en#main-content)

    - [Tickets](https://help.cleverconnect.com/en/knowledgebase/platform?hsLang=en#tickets)

[![CC\_Logo\_Colors (1)](https://help.cleverconnect.com/hs-fs/hubfs/CC_Logo_Colors%20(1).png?width=200&height=41&name=CC_Logo_Colors%20(1).png "CC_Logo_Colors (1)")](http://cleverconnect.com)

© Copyright 2025 | CleverConnect. All rights reserved. | [Legal notice](https://www.cleverconnect.com/legal-notice) | [Privacy policy](https://www.cleverconnect.com/privacy-policy) |<https://www.cleverconnect.com/privacy-policy>

<https://www.youtube.com/@CleverConnect> <https://www.instagram.com/_cleverconnect/> <https://www.linkedin.com/company/cleverconnect/posts/?feedView=all> [mailto:contact@cleverconnect.com](mailto:contact@cleverconnect.com)