| Info |
|---|
Für ein konsistentes Look-and-feel wird eine definierte Farbpalette von allen aktivierten Modulen des PORTALs verwendet. Die Portalfarben PORTALfarben der jeweiligen Installation können in der Kitchen Sink (/admin/seitenverwaltung/kitchensink) sowie in den HTML Templates abgerufen werden. |
Funktionalitäten der Portalfarben:PORTALfarben
Vereinheitlichung des User InterfaceInterfaces
Gestaltung der Farbauswahl im PORTAL
...
Insgesamt können fünf verschiedene Portalfarben PORTALfarben (primary, secondary, action, contact, meta) sowie ggf. drei Hinweisfarben (success, warning, alert), fünf verschiedene Schwarz-, Grau- und Weißtöne (white, light gray, medium gray, dark gray, black) sowie eine Admin-Farbe (admin) definiert werden. Für ein konsistentes Look&Feel -and-feel wird eine definierte Farbpalette von allen aktivierten Modulen des PORTALs verwendet.
Die Portalfarben PORTALfarben der jeweiligen Installation können in der Kitchen Sink (/admin/seitenverwaltung/kitchensink) sowie in den HTML Templates abgerufen werden.
...
PORTALfarben
primary-Color
Die primary-Color ist die “Hausfarbe” und wird im PORTAL in der Standardkonfiguration dominant verwendet (z. B. im Header, für die Navigationsleiste und standardmäßig auch für alle Links).
...
Im Folgenden werden die Hinweisfarben (success, warning, alert) definiert, welche hauptsächlich für Rückmeldungen auf Nutzeraktionen (z. B. Erfolgsmeldungen, Warnhinweise und Fehlermeldungen) verwendet werden. Hier sind bereits Standardwerte hinterlegt, diese können jedoch auch kundenspezifisch überschrieben werden.
Farbklasse | Hexadezimalcode |
|---|---|
success-Color (Erfolgsmeldungen) | Standardwert: |
warning-Color (Warnhinweise) | Standardwert: |
alert-Color (Fehlermeldungen) | Standardwert: |
admin-Color (Adminfunktionen)
...
Schwarz-, Grau- und Weißtöne dienen im PORTAL hauptsächlich für Infokästen, Formulare, Verwaltungen, Schriftfarbe etc. Hier sind bereits Standardwerte definiert, diese können jedoch kundenspezifisch überschrieben werden.
Farbklasse | Hexadezimalcode |
|---|---|
black (Schwarzton) | Standardwert: |
white (Weißton) | Standardwert: |
light-gray (Helles Grau) | Standardwert: |
medium-gray (Mittleres Grau) | Standardwert: |
dark-gray (Dunkles Grau) | Standardwert: |
Anleitung zum Set-up
Jedes PEIQ-PORTAL greift auf eine Farbpalette von 15 Farben zurück. Insgesamt können Sie sechs verschiedene Portalfarben PORTALfarben (primary, secondary, action, contact, meta, milkglass) definierendefiniert werden. Für ein konsistentes Look-and-feel wird die unten definierte Farbpalette von allen aktivierten Modulen des PEIQ PORTALs verwendet. Damit müssen Sie diese nur einmalig global definierendefiniert werden. Unten stehend finden Sie ist die Auflistung der verschiedenen Farben sowie eine kurze Erläuterung zu finden.
Die Hinweisfarben sowie darüber hinaus die im PORTAL verwendeten Schwarz-, Grau- und Weißtöne (verwendet v. a. für Infokästen, Formulare, Verwaltungen, Schriftfarbe etc.), haben einen Standardwert hinterlegt, der jedoch kundenspezifisch überschrieben werden kann.
Bitte gleichen Sie diese PEIQ-seitig wird an dieser Stelle um einen Abgleich dieser Farben mit Ihrer der Corporate Identity abgebeten. Hinweis: Alle Farben müssen im Hexadezimalwert angegeben werden. Falls Ihnen nur RGB bzw. CMYK-Werte zur Verfügung stehen, können Sie den entsprechenden kann der entsprechende Hex-Wert hier ermittelnermittelt werden: http://www.farbtabelle.at/farben-umrechnen/
Farbe | Hex-Code der CI | Beschreibung | Defaultwert |
|---|---|---|---|
Portalfarben / CI | |||
| # | ||
Dominante “Hausfarbe”, verwendet v.a. im Header, für die Navigationsleiste und standardmäßig auch für alle Links | - | ||
| # | Weitere “Hausfarbe”, dezenter verwendet als die primary color | - |
| # | Aktionsmöglichkeiten: Buttons, wie “Beitrag erstellen”, “Mitmachen”, “Kommentar verfassen” etc. Die action-Color muss sich nicht von der primary-Color unterscheiden, je nachdem, wie sehr |
die Mitmachmöglichkeiten |
im PORTAL hervorgehoben werden sollen | - | ||
| # | Kontaktinformationen (hauptsächlich im Kleinanzeigen- und Stellenanzeigen-Modul relevant) | - |
| # | Die meta-Color ist meist in einem dunkleren Anthrazit gehalten und wird für erklärende Hinweisschriften in User Interfaces sowie standardmäßig für die Metadaten der Beitragsteaser verwendet. | - |
| # | Die milkglass-color ist durchscheinend und kommt als Hintergrund bzw. zur Abdunklung zum Beispiel bei geöffnetem Benutzermenü oder dem Teaser-Text, der sich auf Bildern befindet zum Einsatz. Best Practice ist hierbei ein dunkler Farbton. Neben dem Farbton an sich kann hier auch der Alphakanal - also der Grad der Transparenz - gewählt werden (Default: 0,75). | - |
Hinweisfarben | |||
| # | Hinweisfarbe für Erfolgsmeldungen |
|
| # | Hinweisfarbe für Warnhinweise |
|
| # | Hinweisfarbe für Fehlermeldungen |
|
| # | Die admin-Color hebt alle Verwaltungsfunktionen im PORTAL hervor. Dieser Wert soll bewusst im starken Kontrast zur restlichen Seite stehen. |
|
Schwarz-, Weiß- & Grautöne | |||
| # | Die Schwarz-, Grau- und Weißtöne werden hauptsächlich für Infokästen, Formulare, Verwaltungen, Schriftfarbe etc. verwendet. Hier sind bereits Standardwerte definiert, diese können jedoch kundenspezifisch überschrieben werden. |
|
| # |
| |
| # |
| |
| # |
| |
| # |
| |
Verwandte Seiten
| Filter by label (Content by label) | ||||||
|---|---|---|---|---|---|---|
|
| Include Page | ||||
|---|---|---|---|---|
|