| 
 | 
---
 | 
 | 
---
 | 
| 
 | 
title: Design
 | 
 | 
title: Design
 | 
| 
 | 
---
 | 
 | 
---
 | 
 | 
 | 
 | 
 | 
| 
 | 
## Primärfarbe / Farbpalette
 | 
 | 
## Primärfarbe / Farbpalette
 | 
| 
 | 
 | 
 | 
 | 
| 
 | 
- _Kann konfiguriert werden durch: [wechange eG](Rollen-und-Berechtigungen#wechange-eg)_
 | 
 | 
- _Kann konfiguriert werden durch: [wechange eG](Rollen-und-Berechtigungen#wechange-eg)_
 | 
| ... | @@ -12,6 +13,7 @@ title: Design | 
... | @@ -12,6 +13,7 @@ title: Design | 
| 
 | 
 | 
 | 
 | 
| 
 | 
## Logo
 | 
 | 
## Logo
 | 
| 
 | 
 | 
 | 
 | 
 | 
 | 
 | 
- _Kann konfiguriert werden durch: [wechange eG](Rollen-und-Berechtigungen#wechange-eg)_
 | 
| 
 | 
- An den folgenden Stellen wird das Logo verwendet:
 | 
 | 
- An den folgenden Stellen wird das Logo verwendet:
 | 
| 
 | 
   - Im Portal in der linken oberen Ecke
 | 
 | 
   - Im Portal in der linken oberen Ecke
 | 
| 
 | 
      - Auf Portalen mit dem 2. Redesign-Paket (s. [Menüs](Menüs)) wird das Logo nur einige Sekunden angezeigt, bevor es durch das Spaces-Dropdown-Menü aus dem Bildschirm geschoben wird.
 | 
 | 
      - Auf Portalen mit dem 2. Redesign-Paket (s. [Menüs](Menüs)) wird das Logo nur einige Sekunden angezeigt, bevor es durch das Spaces-Dropdown-Menü aus dem Bildschirm geschoben wird.
 | 
| ... | @@ -25,8 +27,26 @@ title: Design | 
... | @@ -25,8 +27,26 @@ title: Design | 
| 
 | 
 | 
 | 
 | 
| 
 | 
## Schriftart
 | 
 | 
## Schriftart
 | 
| 
 | 
 | 
 | 
 | 
 | 
 | 
 | 
- _Kann konfiguriert werden durch: [wechange eG](Rollen-und-Berechtigungen#wechange-eg)_
 | 
| 
 | 
- Als Standard-Schriftart bieten wir IBM Plex Sans an.
 | 
 | 
- Als Standard-Schriftart bieten wir IBM Plex Sans an.
 | 
| 
 | 
- Alternativ kann eine eigene Schriftart verwendet werden. Für diese müssen uns die Font Files zur Verfügung gestellt werden. Lizenzrechtliche Fragen sind ggf. zu klären.
 | 
 | 
- Alternativ kann eine eigene Schriftart verwendet werden. Für diese müssen uns die Font Files zur Verfügung gestellt werden. Lizenzrechtliche Fragen sind ggf. zu klären.
 | 
| 
 | 
 | 
 | 
 | 
| 
 | 
 | 
 | 
 | 
| 
 | 
## Illustrationen | 
 | 
## Illustrationen (optional)
 | 
 | 
\ No newline at end of file | 
 | 
 | 
 | 
 | 
 | 
- _Kann konfiguriert werden durch: [wechange eG](Rollen-und-Berechtigungen#wechange-eg)_
 | 
 | 
 | 
 | 
- Betrifft nur Portale mit dem 1. Redesign-Paket (s. [Registrierung und Profil–Setup](Registrierung-und-Profil–Setup)).
 | 
 | 
 | 
 | 
- Illustrationen sind rein optionale Dekorationselemente. Portale sind auch ohne Illustrationen voll funktionsfähig.
 | 
 | 
 | 
 | 
- Anmelde-Seite
 | 
 | 
 | 
 | 
   - Unter portal-domain.de/login ist es möglich, halbseitig eine Illustration anzuzeigen. Auf dem Desktop entsteht dann ein Split Screen. Auf mobilen Geräten kann hier KEINE Illustration angezeigt werden.
 | 
 | 
 | 
 | 
   - Anforderungen
 | 
 | 
 | 
 | 
      - Mindestmaß: H640 x B800 px
 | 
 | 
 | 
 | 
      - Grafiken sollten am Besten im SVG-Format gesendet werden, da es gut skalierbar und datensparend ist. 
 | 
 | 
 | 
 | 
      - Von Bildern raten wir ab. Die Illustration wird stark herunterskaliert, um die Ladezeit der Seite nicht zu beeinträchtigen. Bilder würden dadurch sichtbar verpixeln.
 | 
 | 
 | 
 | 
   - Beispiel:
 | 
 | 
 | 
 | 
   - 
 | 
 | 
 | 
 | 
- Seite zwischen Registrierung und Profil-Setup
 | 
 | 
 | 
 | 
   - Nachdem ein User die Registrierung abgeschlossen hat und bevor der Profil-Setup beginnt, wird die Info-Seite portal-domain.de/signup/welcome/ angezeigt. Hier kann ebenfalls eine Illustration angezeigt werden (ebenfalls nur auf Desktop, nicht auf mobil).
 | 
 | 
 | 
 | 
   - Die Anforderungen sind dieselben wie an die Illustration auf der Anmelde-Seite. Es kann auch dieselbe Illustration verwendet werden.
 | 
 | 
 | 
 | 
   - Beispiel:
 | 
 | 
 | 
 | 
   -   | 
 | 
 | 
 | 
\ No newline at end of file |