---
title: Branding - Design the Platform of your Employee Referral Program
description: All images that can be edited on your referral platform, their properties and how they may look like.
---

[Skip to content](https://help.cleverconnect.com/en/knowledgebase/branding-design-the-platform-of-your-employee-referral-program#main-content)

- [English](https://help.cleverconnect.com/en/knowledgebase/branding-design-the-platform-of-your-employee-referral-program)
- [Deutsch](https://help.cleverconnect.com/de/branding-gestalten-sie-die-plattform-ihres-eempfehlungsprogramms)

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/branding-design-the-platform-of-your-employee-referral-program)
    - [Deutsch](https://help.cleverconnect.com/de/branding-gestalten-sie-die-plattform-ihres-eempfehlungsprogramms)

  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 - Design the Platform of your Employee Referral Program

### 1. Registration / Welcome page (Employee view)

![Welcome](https://help.cleverconnect.com/hs-fs/hubfs/Welcome.png?width=670&height=305&name=Welcome.png)

 

**You can edit:**

- Program title
- Program subtitle
- Background picture / wallpaper
- Registration button

These texts must also be submitted in all selected languages

You want to know more? [Click here](https://help.cleverconnect.com/en/knowledgebase/branding-design-the-platform-of-your-employee-referral-program) to find our dedicated article for the Welcome Page

### 2. NewsFeed / News page (Employee view)

![Welcome page](https://help.cleverconnect.com/hs-fs/hubfs/Welcome%20page.png?width=670&height=332&name=Welcome%20page.png)

**You can edit:**

- Program logo (top left)
- Image Newsfeed header (CI Image)  
  You want to know more about the CI stripe? [Click here](https://help.cleverconnect.com/en/ci-stripe?hsLang=en)

### 3. Job posting (Applicant view) - Desktop and Mobile Version

**![](https://help.cleverconnect.com/hs-fs/hubfs/image-png-Mar-26-2026-05-40-35-4625-PM.png?width=1882&height=913&name=image-png-Mar-26-2026-05-40-35-4625-PM.png)**

 

**![IMG\_7266](https://help.cleverconnect.com/hs-fs/hubfs/IMG_7266.jpg?width=296&height=563&name=IMG_7266.jpg)**

**You can edit:**

- Program logo (top left)
- Image in the background of the job title 
    - Choose two different sizes for a **desktop** and **mobile** version
- Company logo (right side)

[Click here](https://help.cleverconnect.com/en/erp-branding-pictures?hsLang=en#Welcome_Page)to find more details regarding branding pictures.

### 4. Share-Image (Applicant view)

Whenever an employee shares a job in a social network that supports the non-square exchange of images, we automatically generate an image that captures the job title and backs it with an image or CI color.

| Email | ![](https://help.cleverconnect.com/hs-fs/hubfs/Screenshot%202025-08-25%20at%2015-43-49-png.png?width=670&height=455&name=Screenshot%202025-08-25%20at%2015-43-49-png.png) |
| --- | --- |
| WhatsApp | ![](https://help.cleverconnect.com/hs-fs/hubfs/Screenshot%202025-08-25%20at%2015-41-45-png.png?width=294&height=540&name=Screenshot%202025-08-25%20at%2015-41-45-png.png) |
| Xing | ![](https://help.cleverconnect.com/hs-fs/hubfs/Screenshot%202025-08-25%20at%2015-39-09-png.png?width=670&height=484&name=Screenshot%202025-08-25%20at%2015-39-09-png.png) |
| LinkedIn | ![](https://help.cleverconnect.com/hs-fs/hubfs/Screenshot%202025-08-25%20at%2015-40-03-png.png?width=670&height=214&name=Screenshot%202025-08-25%20at%2015-40-03-png.png) |

The standard share image:

- Translates the intro text in the language that the user who is sharing has set
- The font of the job title is changed dynamically depending on the length of the title. (We will try to fit it in 3 lines with the maximum font size, then we will reduce the font size iteratively. As soon as all the text fits into 3 lines, we will stop reducing and render it. When the minimum font size is reached, we will stop reducing, cut the text after 3 lines with "...")
- The color of the job title is taken from the contrast color of the company.
- Background color is the color of the company brand
- The logo is dependent on the company (client)

**You can edit:**

- Background image (only one image per company can be stored)
- Font color of the job title

You want to customise your share image? [Click here](https://help.cleverconnect.com/en/employee-referrals-branding-create-custom-a-share-image?hsLang=en)

---

You still have questions regarding branding? [Contact our support team](https://2f3vrn.share-eu1.hsforms.com/21wJGXohtROqE6AYNaDgjdg). 

- [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)