Heute

Veranstaltungen

Heute

Farben-Styleguide

Über die Farbpalette

Die ergänzende AMH-Farbpalette ist inspiriert von den Materialien der Ausstellungsstücke: Silber, Gold, Bronze, Flinststein, Knochen, Ton, Erde, Scherben und von den uns umgebenden lebenswichtigen Elementen Wasser und Luft/Himmel.

Auf diese Weise entsteht ein spannendes und lebendige Farbspektrum, in dem jedes Material/Element/Farbe gleichermaßen harmonisch wie interessant kombiniert werden kann.

Innerhalb der Farbpalette gibt es diese Abstufungen:

  1. Primärfarbe: Das AMH-Rot
  2. Sekundärfarben: Silber, Gold, Alte Bronze, Flint, Wasser
  3. Highlightfarben: Highlight-Pink, Highlight-Grün, Highlight-Blau
    Hochkontrast- und Störfarben für das Highlighting von Buttons, für Störer und Sonderbuttons oder Durchstreichungen

Für Primär- und Sekundärfarben sind jeweils zwei dunklere Farbstufen als Story- und Vertiefungsfarben definiert.

Die Sekundärfarben können auch in den helleren Abstufungen 75 %, 50 %, 25 % und 10 % verwendet werden.

AMH Farbpalette 2022

Die Primärfarbe und ihre Varianten

AMH Rot

Logo, Buttons, Akzente, Hintergrund der Related-Headlines im Overlap-Layout
#A51848
RGB 165, 24, 72

AHM Rot Dunkel

Hintergrundfarbe für Abschnitte und Storys
#66142E
RGB 102, 20, 46

AMH Rot Vertiefung

Hintergrundfarbe für Story-Vertiefungen
#400D1D
RGB 64, 13, 29

Sekundärfarben

Die bunten Sekundärfarben sind ausschließlich als Hintergrundfarben für Abschnitte, Spalten oder Blöcke vorgesehen.

Die unbunte Sekundärfarbe Silber wird darüber hinaus als Text- und Iconfarbe verwendet.

Silber

Silber

Hintergrundfarbe für Abschnitte
#777777
RGB 119, 119, 119

Silber Dunkel

Hintergrundfarbe für Abschnitte und Storys
#555555
RGB 85, 85, 85

Silber Vertiefung

Standardfarbe für Icons, Texte, Headlines (automatisch eingestellt!)
#333333
RGB 51, 51, 51

Silber 75

#77777775 (Elementor)

Silber 50

#77777750 (Elementor)​

Silber 25

#77777725 (Elementor)​

Silber 10

#777777710 (Elementor)​

Silber 75

#777777BB (Elementor)
rgba (119, 119, 119, 0.75)
#999999
RGB 153, 153, 153

Silber 50

#77777770 (Elementor)
rgba (119, 119, 119, 0.5)
#bbbbbb
RGB 187, 187, 187

Silber 25

#77777740 (Elementor)
rgba (119, 119, 119, 0.25)
#dddddd
RGB 221, 221, 221

Silber 10

#77777720 (Elementor)
rgba (119, 119, 119, 0.1)
#f1f1f1
RGB 241, 241, 241

Gold

Gold

Hintergrundfarbe für Abschnitte
#EBA000
RGB 235, 160, 0

Gold Dunkel

Hintergrundfarbe für Abschnitte und Storys
#9E6D33
RGB 61, 158, 51

Gold Vertiefung

Hintergrundfarbe für Story-Vertiefungen​
#59412D
RGB 89, 65, 45

Gold 75

#EBA000BB (Elementor)
rgba (235, 160, 0, 0.75)
#F0B840
RGB 240, 184, 64

Gold 50

#F5CF7F70 (Elementor)
rgba (235, 160, 0, 0.5)
#F5CF7F
RGB 245, 207, 127

Gold 25

#FAE7BF340 (Elementor)
rgba (235, 160, 0, 0.25)
#FAE7BF
RGB 250, 231, 101

Gold 10

#FDF5E520 (Elementor)
rgba (235, 160, 0, 0.1)
#FDF5E5
RGB 253, 245, 229

Alte Bronze

Alte Bronze

Hintergrundfarbe für Abschnitte
#148E71
RGB 20, 142, 113

Alte Bronze Dunkel

Hintergrundfarbe für Abschnitte und Storys
#0F6B55
RGB 15, 107, 85

Alte Bronze Vertiefung

Hintergrundfarbe für Story-Vertiefungen
#0B5040
RGB 11, 80, 64

Alte Bronze 75

#4FAA95BB (Elementor)
rgba (20, 142, 113, 0.75)
#4FAA95
RGB 79, 170, 149

Alte Bronze 50

#148E7170 (Elementor)
rgba (20, 142, 113, 0.5)
#89C6B8
RGB 137, 198, 184

Alte Bronze 25

#148E7140 (Elementor)
rgba (20, 142, 113, 0.25)
#C4E3DB
RGB 196, 227, 219

Alte Bronze 10

#148E7120 (Elementor)
rgba (20, 142, 113, 0.1)
#E7F3F1
RGB 321, 243, 241

Wasser

Wasser

Hintergrundfarbe für Abschnitte
#3B74A9
RGB 59, 116, 169

Wasser Dunkel

Hintergrundfarbe für Abschnitte und Storys
#204366
RGB 32, 67, 102

Wasser Vertiefung

Hintergrundfarbe für Story-Vertiefungen
#162F47
RGB 22, 47, 71

Wasser 75

#3B74A9BB (Elementor)
rgba (59, 116, 169, 0.75)
#4FAA95
RGB 79, 170, 149

Wasser 50

#3B74A970 (Elementor)
rgba (59, 116, 169, 0.5)
#9DB9D4
RGB 157, 185, 212

Wasser 25

#3B74A940 (Elementor)
rgba (59, 116, 169, 0.25)
#CEDCE9
RGB 206, 220, 233

Wasser 10

#3B74A920 (Elementor)
rgba (59, 116, 169, 0.1)
#EBF1F6
RGB 235, 241, 246

Flint

Flint

Hintergrundfarbe für Abschnitte
#B8A695
RGB 184, 166, 149

Flint Dunkel

Hintergrundfarbe für Abschnitte und Storys
#998776
RGB 153, 135, 118

Flint Vertiefung

Hintergrundfarbe für Story-Vertiefungen
#756457
RGB 117, 100, 87

Flint 75

#B8A695BB (Elementor)
rgba (184, 166, 149, 0.75)
#CABCB0
RGB 202, 188, 176

Flint 50

#B8A69570 (Elementor)
rgba (184, 166, 149, 0.5)
#DBD2CA
RGB 219, 210, 202

Flint 25

#B8A69540 (Elementor)
rgba (184, 166, 149, 0.25)
#EDE9E4
RGB 237, 233, 228

Flint 10

zu hell für die Bildschirmdarstellung

Highlightfarben

Hochkontrast- und Störfarben für das Highlighting von Buttons, für Störer und Sonderbuttons oder Durchstreichungen

Highlight Pink

#E40E6E
RGB 228, 14, 110

Highlight Grün

#33CC33
RGB 51, 204, 51

Highlight Blau

#00CCFF
RGB 0, 204, 255

Highlight Gelb

#FFEEE00
RGB 255, 238, 0

Inhalt