Context Mode - System-Zugehoerigkeit
Farben fuer System-Landschaften: "Wer gehoert zu wem?"
System-Farben
TOGETHER
TOGETHER Plattform, BOA, Services
light
#FFF5E6
base
#FFC056
dark
#A65F00
alt
#D4A012
CCA
CCA9, CCA-Online, CloudEDI
light
#E7F1F8
base
#54A3D7
dark
#0066B2
alt
#5C6BC0
VU-Systeme
Versicherungs-Backends, Schnittstellen
light
#C8E3D0
base
#8ED4A2
dark
#2E7D42
alt
#26A69A
Kundensysteme
DMS, CRM, Maklerverwaltung
light
#EEEAF5
base
#867FBB
dark
#5D5691
alt
#AB47BC
Neutral
Infrastruktur, externe Dienste
light
#EEEEEE
base
#CCCCCC
dark
#666666
Alt-Farben
Alternative Farben fuer mehr Gestaltungsfreiheit oder wenn die Hauptfarbe mit anderen Elementen kollidiert.
| System | Base | Alt | Verwendung |
|---|---|---|---|
| TOGETHER | #FFC056 | #D4A012 | Dunkleres Gold |
| CCA | #54A3D7 | #5C6BC0 | Indigo-Variante |
| VU | #8ED4A2 | #26A69A | Teal-Variante |
| Kundensystem | #867FBB | #AB47BC | Magenta-Variante |
Beispiel-Diagramm
Kundensysteme
${kundensystem-light}
TOGETHER
${together-light}
VU-Systeme
${vu-light}
CCA
${cca}
Neutral
${neutral}
Verwendung in D2
# Import
...@_colors-context.d2
# System-Container
kundensystem: "DMS" {
style.fill: ${kundensystem-light}
}
together: "TOGETHER" {
style.fill: ${together}
boa: "BOA API" {
style.fill: ${together-dark}
style.font-color: white
}
}
vu: "Allianz" {
style.fill: ${vu-light}
}
# Alt-Farbe bei Bedarf
special: "Service" {
style.fill: ${cca-alt}
}
Datei
| Datei | Inhalt |
|---|---|
_colors-context.d2 | System-Farben mit light/base/dark/alt Varianten |