CorrelAid docs
  • Welcome
  • Wiki
    • How We work - Hitchhiker's Guide to CorrelAid
    • FAQ
    • Communication channels
      • Conference calls ​☎
      • Slack
      • Blog
    • Infrastructure
      • Newsletter: MailerLite
      • Google Workspace
      • Password management
      • Video conferences
      • Kobotoolbox for Forms
      • Gitbook for documentation
      • NextCloud
      • Azure & DNS management
      • CorrelBase (Metabase)
      • GitHub and GitLab
      • Directus (Content Management System)
      • Pretix
    • PR Guide
    • Design Guide
    • CorrelAid Merch
    • How to create an event
  • CorrelAidX Manual
    • What is CorrelAidX?
    • Get started!
      • Finding partners
      • E-mail templates to contact NPOs
      • Room booking and catering
    • Finding a legal form
    • Role definitions
    • Event formats
      • Data dialogue
      • Workshops
      • Introducing CorrelAid
      • Panel discussion
      • Hackathons
    • Cooperation Agreements
    • PR activities
    • Doing a project
    • Contact
  • Project manual
    • CorrelAid Data4Good projects
    • Toolbox
    • The Ethics Questionnaire and its Companion Document
    • Project coordination
      • Project Acquisition
      • Scoping & Call for Applications
      • Team selection
      • Onboarding
      • Kickoff
      • Project work
      • Handover workshop
      • Follow-up
      • Documentation
    • Team lead
    • For the project team
      • Project Follow-Up
      • Best practices
        • General/Collaboration
        • Dataviz / Reporting
        • Python
        • R
    • Data privacy & security
    • When do we do a project? When not?
  • CorrelAid Website
  • EDUCATION MANUAL
    • General
    • Educational Formats
      • R Lernen
      • Daten verstehen und nutzen
      • CorrelCompact
      • Community Workshops
    • For educational volunteers
      • Toolbox: Methods in live sessions
      • Guide to source citation and licences
Powered by GitBook

The CorrelAid Docs are licensed under CC-BY 4.0.

On this page
  • General
  • Logos
  • Color Concepts
  • Font
  • Canva

Was this helpful?

Edit on GitHub
Export as PDF
  1. Wiki

Design Guide

PreviousPR GuideNextCorrelAid Merch

Last updated 10 days ago

Was this helpful?

General

The purpose of this short design guideline is to explain the use of our CorrelAid-specific corporate design and to reinforce the consistent use of visual elements in all communication. This includes publications, presentations and all other marketing materials both online and offline. Our Corporate Identity was developed by Das Gute Ruft - Agentur für öko-soziale Unternehmen und Vereine - the information listed here is mostly based on the Design Guide from June 2018. An update to updated and new logos as well as colours and fonts took place in June 2025, thanks to the support of Medialer GmbH, agency for 3D animation & digital marketing.

The old Design Guide (from 2018) is available in our Google Workspace, as well as the new brand guide (from 2025) for our main CorrelAid brand. You can find all current logos / existing designs in the Google Workspace as well as in the Canva team:

  • access to our Google Workspace

  • access to our Canva team

Logos

The CorrelAid main logo is the central element of the brand's visual identity. It is a word-image brand - this makes the logo flexible and usable for a wide range of applications.

Main Logo

There are four variations of this main logo which can be used on dark and light ground, with slogan or without. The files are stored as .png, .eps and .svg in the Google Workspace.

The horizontal or vertical version of the logo is used in various scenarios - depending on which suits the format better and ensures good legibility.

The horizontal version is suitable for smaller formats in which the standard versions do not work. The C logo or icon is intended for very small applications, e.g. as a favicon.

The inverted version is intended for medium to dark backgrounds.

The black and white inverted version can be used on uneven backgrounds, as a watermark or for single-colour printed matter.

The pure black and white version serves as a fallback for monochrome prints.

CorrelLAB Logos

The CorrelLAB logo is a modification of the CorrelAid main logo and is composed as a word/image mark. In addition to the “C”, the word “LAB” also appears, with an iconised “L”.

There are five variations of this main logo which can be used on dark and light ground, including and in the combination of the “C” only with the word “LAB” and the iconised “L” on its own.

Local Chapter Logos

The CorrelAidX logos are an adaptation of the former main logos. In addition to the "C", the logo also shows the suffix "X" which expresses that CorrelAid is available in various cities. Instead of the claim the city name is inserted in line 2. If you want to customize a logo specifically for your city, please contact Isabel, Nora or the #pr-team. The logos are stored as .png and .svg in the Google Workspace.

Here's an example:

Additional Logos

For some events we need more specific logos that can be easily and quickly designed with Canva. Please check the PR-folder in the Google Workspace or the Canva-Team folder for more designs.

If you need a special CorrelAid logo version, just contact contact Isabel or the #pr-team. To avoid brand confusion, please do not create your own logo versions.

Color Concepts

Looking at the previous logos, it becomes clear that there are different colour concepts for the CorrelAid, CorrelLAB and CorrelAidX main brands. These are briefly explained here.

he CorrelAid logo picks up the colour spectrum from green to blue. The colour spectrum of the CorrelLAB logo ranges from blue to a strong shade of pink. The color red is primarily used in the logo design of CorrelAid X (cities / regional organizations). In addition, dark grey is used as a contrast color. Please adhere to the given colour values in future designs and representations in order to keep our products combinable.

The colors for easier copy+paste:

  • Main colours: #00468A, #4787E5, #89CC96, #C4E38A

  • Intermediate colours: #2467B8, #68AABE, #A7D890

The colors for easier copy+paste:

  • Blues: #00468A, #2467B8, #4787E5

  • Purple: #A369D2, #D19DC8

  • Pink: #FFA4BE, #FE6D97, #FC356F

The CorrelAidX logo picks up the colour spectrum from red to blue. Besides the X, the color red is a main differentiator between CorrelAid and CorrelAid X and should therefore be used uniformly. Dark grey is again used as contrast colour.

Font

The ‘Roboto’ and ‘Inter’ font families were chosen for CorrelAid's corporate design. In detail, we use ‘Roboto Regular’ and ‘Robot' Bold’, as well as ‘Inter Regular’ and ‘Inter Bold’ - please do not use any other fonts for reasons of consistency. ‘Roboto Regular’ is generally used for the body text, while headings 1 2 appear in ‘Inter Bolt’ (optionally capitalised) and heading 3 appears in ‘Inter Regular’.

Canva

CorrelAid has a Canva Pro-Account, on which certain basic rules, such as club colors, logos, fonts, etc. are already maintained. There are a lot of templates for flyers, social media posts etc. in the layout folder of the team. If you want to design a product (flyer, poster, FB banner...) for your local group / information event, please contact Isabel, Nora or the #pr-team to get access to the CorrelAid-Team in Canva.

CorrelAidX Label
Colour segements CorrelAidX
Main logo
CorrelLAB logo
Colour segments CorrelAid
Colour segments CorrelLAB