---
title: Design Guide – Wie gestalte ich meine Akademie?
description: In dieser Anleitung zeigen wir Ihnen, wie Sie die Gestaltung Ihrer Akademie an das Farbschema Ihrer Webseite oder der CI anpassen können.
---

[Zu Content springen](https://support.reteach.com/akademie-design-guide#main-content)

- [Deutsch](https://support.reteach.com/akademie-design-guide)
- [English](https://support.reteach.com/en/design-guide-how-to-design-your-academy)

Deutsch

Untermenü für Übersetzungen anzeigen

[Kundenportal](https://support.reteach.com/anfragen?hsLang=de)

[![1-logo-reteach-farbe@4x](https://support.reteach.com/hs-fs/hubfs/1-logo-reteach-farbe@4x.webp?width=188&height=50&name=1-logo-reteach-farbe@4x.webp)](https://www.reteach.com/)

Hauptnavigation öffnen

Hauptnavigation schließen

- - [Deutsch](https://support.reteach.com/akademie-design-guide)
    - [English](https://support.reteach.com/en/design-guide-how-to-design-your-academy)

  Deutsch
  
  Untermenü für Übersetzungen anzeigen
- [Kundenportal](https://support.reteach.com/anfragen)
- [Kontakt](https://www.reteach.com/)

[Kontakt](https://www.reteach.com/)

 Willkommen im Hilfe-Center. Ein Stichwort zu Ihrem Problem führt Sie hier zur einfachen Lösung.

- Es gibt keine Vorschläge, da das Suchfeld leer ist.

1. [reteach Hilfe-Center](https://support.reteach.com/?hsLang=de)
2. [Einstellungen](https://support.reteach.com/einstellungen?hsLang=de)
3. [Personalisierung Ihrer Akademie](https://support.reteach.com/einstellungen?hsLang=de#personalisierung-ihrer-akademie)

# Design Guide – Wie gestalte ich meine Akademie?

## Wie Sie Farben, Schriften, Bannermaße und die Gestaltung Ihrer Akademie anpassen können.

Wenn Sie das Farbschema Ihrer Akademie an die Gestaltung Ihrer Webseite oder an das Corporate Design anpassen möchten, können Sie dies ganz einfach in den Einstellungen unter **Einstellungen/Akademie** vornehmen. Hier haben Sie die Möglichkeit, durch einen Klick auf das entsprechende Feld entweder eine Farbe Ihrer Wahl auszuwählen oder den genauen Hex-Code einer bevorzugten Farbe einzugeben.

 

---

### **Akademie: Startseite**

Unter dem Reiter **"Startseite"** haben Sie die Möglichkeit, einen Banner sowohl für die Desktopversion als auch für die mobile Version Ihrer Akademie hochzuladen. Achten Sie darauf, die empfohlenen Auflösungen einzuhalten, um eine optimale Darstellung auf allen Geräten zu gewährleisten.

 

![Akademie Startseite](https://support.reteach.com/hs-fs/hubfs/image-png-Mar-26-2025-12-54-42-5709-PM.png?width=670&height=582&name=image-png-Mar-26-2025-12-54-42-5709-PM.png)

 

 

---

### **Akademie: Layout**

 

![Akademie Layout](https://support.reteach.com/hs-fs/hubfs/image-png-Mar-26-2025-12-57-25-0725-PM.png?width=670&height=385&name=image-png-Mar-26-2025-12-57-25-0725-PM.png)

 

**\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_**

### **Primäre Farbe**

- Titel in den Mail-Vorlagen
- Name des Referierenden in der Teilnehmenden-Akademie
- Kapitel-/ Lektionenpfad in Ihren Online-Kursen

 

**Beispiel: Primäre Farbe: Rot**

![Beispiel Rot](https://support.reteach.com/hs-fs/hubfs/Image%20(3)-jpg.jpeg?width=223&height=307&name=Image%20(3)-jpg.jpeg)![Kursvorlage Rot](https://support.reteach.com/hs-fs/hubfs/Image%20(2)-jpg.jpeg?width=209&height=327&name=Image%20(2)-jpg.jpeg)![Passwort zurücksetzen Rot](https://support.reteach.com/hs-fs/hubfs/Image%20(4)-jpg.jpeg?width=245&height=313&name=Image%20(4)-jpg.jpeg)

 

![Beispiel Rot X](https://support.reteach.com/hs-fs/hubfs/image-png-May-22-2025-01-40-49-6695-PM.png?width=670&height=334&name=image-png-May-22-2025-01-40-49-6695-PM.png)

 

\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_

### **Sekundäre Farbe**

- Cookie-Banner (Einstellungen/ Rechtliches: Cookie-Hinweis)
- Kommentarfunktion in der Teilnehmenden-Akademie

 

**Beispiel: Sekundäre Farbe: Grün**

![Kommentar-Funktion](https://support.reteach.com/hs-fs/hubfs/image-png-May-22-2025-01-47-05-3749-PM.png?width=670&height=154&name=image-png-May-22-2025-01-47-05-3749-PM.png)

\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_

 

### **Link- & Button-Farbe**

- Hauptüberschrift der Teilnehmenden-Akademie (Startseite)
- Farbe der Kategorien
- Buttons in Kursen und Button auf Cookie-Banner
- Kurs-Überschrift im Kurs selbst
- Lektionsüberschriften
- Sämtliche Hyperlinks in Ihrer Akademie

 

**Beispiel: Sekundäre Farbe: Lila**

![Mitarbeitende Umfrage Lila](https://support.reteach.com/hs-fs/hubfs/image-png-May-22-2025-01-53-11-5764-PM.png?width=421&height=236&name=image-png-May-22-2025-01-53-11-5764-PM.png)

\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_

### **Akzentfarbe**

- Schrift der Hauptnavigationsleiste (Startseite, Kurse, Anmelden, Mein Konto, Abmelden)
- Soziale Netzwerke-Buttons
- Kursnavigationspunkte
- Links zum Impressum, AGB, Datenschutz

 

**Beispiel: Sekundäre Farbe: Blau**

![Sekundäre Farbe](https://support.reteach.com/hs-fs/hubfs/image-png-May-22-2025-01-54-22-0619-PM.png?width=340&height=66&name=image-png-May-22-2025-01-54-22-0619-PM.png)

\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_

### **Schriftart**

- Sämtliche Texte in Ihrer Akademie

---

### Logo und Favicon:

Das **Logo und das Favicon** Ihrer Akademie können Sie ebenfalls anpassen. Dafür laden Sie die entsprechende Datei Ihres Logos hoch.

![Akademie Logo](https://support.reteach.com/hs-fs/hubfs/image-png-Mar-26-2025-01-03-33-2097-PM.png?width=670&height=299&name=image-png-Mar-26-2025-01-03-33-2097-PM.png)

 

**Logo:**   
Das Logo wird in der Akademie Ihren Teilnehmenden angezeigt.

 

**Favicon:**  
Ein Favicon ist ein kleines Symbol oder Bild, das in der Regel in der Adressleiste des Browsers oder auf dem Tab angezeigt wird, wenn eine Webseite geöffnet ist. Es hilft Nutzenden, eine Website visuell zu erkennen und leichter zwischen mehreren geöffneten Tabs zu unterscheiden. 

- [Kurse](https://support.reteach.com/kurse?hsLang=de#main-content)

    - [Kategorien](https://support.reteach.com/kurse?hsLang=de#kategorien)
    - [Kurse erstellen und verwalten](https://support.reteach.com/kurse?hsLang=de#kurse-erstellen-und-verwalten)
    - [Lektionen](https://support.reteach.com/kurse?hsLang=de#lektionen)
    - [Kurs-Katalog](https://support.reteach.com/kurse?hsLang=de#kurs-katalog)
    - [Zertifikate](https://support.reteach.com/kurse?hsLang=de#zertifikate)
    - [Live-Trainings und -Sessions](https://support.reteach.com/kurse?hsLang=de#live-trainings-und-sessions)
    - [reteach Compliance-Kurse](https://support.reteach.com/kurse?hsLang=de#reteach-compliance-kurse)
- [Teilnehmende](https://support.reteach.com/teilnehmende?hsLang=de#main-content)

    - [Filter und Tags](https://support.reteach.com/teilnehmende?hsLang=de#filter-und-tags)
    - [Mailings](https://support.reteach.com/teilnehmende?hsLang=de#mailings)
    - [Hilfe für Ihre Teilnehmenden](https://support.reteach.com/teilnehmende?hsLang=de#hilfe-f%C3%BCr-ihre-teilnehmenden)
    - [Teilnehmendendaten exportieren](https://support.reteach.com/teilnehmende?hsLang=de#teilnehmendendaten-exportieren)
    - [Teilnehmende verwalten](https://support.reteach.com/teilnehmende?hsLang=de#teilnehmende-verwalten)
- [Lernfortschritt & Analytics](https://support.reteach.com/lernfortschritt-analytics?hsLang=de)
- [E-Commerce](https://support.reteach.com/e-commerce?hsLang=de#main-content)

    - [Kurse verkaufen](https://support.reteach.com/e-commerce?hsLang=de#kurse-verkaufen)
    - [Stripe](https://support.reteach.com/e-commerce?hsLang=de#stripe)
    - [Bestellungen](https://support.reteach.com/e-commerce?hsLang=de#bestellungen)
- [Konto & Admin](https://support.reteach.com/konto-admin?hsLang=de#main-content)

    - [Tarif](https://support.reteach.com/konto-admin?hsLang=de#tarif)
    - [Administratoren](https://support.reteach.com/konto-admin?hsLang=de#administratoren)
    - [Rechtliches & Datenschutz](https://support.reteach.com/konto-admin?hsLang=de#rechtliches-datenschutz)
- [Einstellungen](https://support.reteach.com/einstellungen?hsLang=de#main-content)

    - [Personalisierung Ihrer Akademie](https://support.reteach.com/einstellungen?hsLang=de#personalisierung-ihrer-akademie)
    - [Zoom & MS Teams Integrationen](https://support.reteach.com/einstellungen?hsLang=de#zoom-ms-teams-integrationen)
    - [Wissenswertes](https://support.reteach.com/einstellungen?hsLang=de#wissenswertes)
    - [Automatisierungen](https://support.reteach.com/einstellungen?hsLang=de#automatisierungen)
- [FAQ - Häufige Fragen & Antworten](https://support.reteach.com/faq-h%C3%A4ufige-fragen-antworten?hsLang=de)
- [Was ist NEU in reteach?](https://support.reteach.com/was-ist-neu-in-reteach?hsLang=de)
- [Phishing Awareness](https://support.reteach.com/phishing-awareness?hsLang=de#main-content)

    - [Voraussetzungen und Einrichtung](https://support.reteach.com/phishing-awareness?hsLang=de#voraussetzungen-und-einrichtung)
    - [Administration](https://support.reteach.com/phishing-awareness?hsLang=de#administration)
    - [Für Mitarbeitende](https://support.reteach.com/phishing-awareness?hsLang=de#f%C3%BCr-mitarbeitende)
    - [Fehlerbehebung](https://support.reteach.com/phishing-awareness?hsLang=de#fehlerbehebung)
- [KI-College](https://support.reteach.com/ki-college?hsLang=de)

[![reteach Die Lernplattform für den Mittelstand](https://support.reteach.com/hubfs/logo.svg "reteach Die Lernplattform für den Mittelstand")](https://www.reteach.com/)

Haben Sie noch Fragen? Kontaktieren Sie   
unseren Support unter: support@reteach.com

<https://de.linkedin.com/company/reteach-com> <https://www.facebook.com/reteach.io/> <https://www.instagram.com/reteach_de/> [mailto:support@reteach.com](mailto:support@reteach.com)

Copyright © 2025, reteach by Susell GmbH