CDN

Beschreibung

Das CDN liefert Logos, Bilder und Schriftarten für alle Concat-Web-Anwendungen. Die Verwaltung liegt in der Hand des DEV-Teams. Die Definition der hier enthaltenen Elemente erfolgt über das Marketing.

Farben

Die Hausfarben der Meridian und Concat AG sind wie folgt definiert.

Primärfarben

Table 1. Logos
Farbe	Beschreibung
	Name: MERIDIAN BLACK HEX: #000000
	Name: MERIDIAN BLUE HEX: #0072CE

Sekundärfarben

Table 2. Logos
Farbe	Beschreibung
	Name: MERIDIAN CORNFLOWER HEX: #9BCBEB
	Name: MERIDIAN DOUBAN BLUE HEX: #4698CB
	Name: MERIDIAN TEAL HEX: #4E87A0
	Name: MERIDIAN SAPPHIRE HEX: #41748D
	Name: MERIDIANMETALLIC BLUE: HEX: #005587

Weitere Farben

http://cdn.concat.de/colors/CONCAT_Farbpalette_2020.pdf

Schriftarten

Dieser Abschnitt beschreibt die innerhalb der Concat AG genutzten Schriftarten.

Als Standardschriftart kommt Roboto zum Einsatz.

Die Schriftarten stehen im Format woff2 für alle aktuellen Browser zur Verfügung.

Headlines sind üblicher Weise in Light, die Sublines in Bold zu setzen.

Eine Matrix der unterstützten Browser findet sich auf w3schools.

Schriftfamilien

Es werden nachstehende Familien verwendet.

Regular

Innerhalb der Regular-Familie gibt es folgende Abstufungen:

Roboto Light 300

The quick brown fox jumps over the lazy dog
Roboto Regular 400

The quick brown fox jumps over the lazy dog
Roboto Bold 700

The quick brown fox jumps over the lazy dog

Condensed

Innerhalb der Condensed-Familie gibt es folgende Abstufungen:

Roboto Condensed Light 300

The quick brown fox jumps over the lazy dog
Roboto Condensed Regular 400

The quick brown fox jumps over the lazy dog
Roboto Condensed Bold 700

The quick brown fox jumps over the lazy dog

Verwendung

Die Einbindung der Schriftarten erfolgt innerhalb der CSS-Datei einfach über folgende Import-Direktiven

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap');

Um die Verwendung einfach zu gestalten und die Schriftarten zukünftig einfach austauschen zu können, definieren wir folgende allgemeine CSS-Datei:

concat.css

.concatlight {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
}

.concat {
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
}

.concatbold {
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
}

.concatcondlight {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
}

.concatcond {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: normal;
}

.concatcondbold {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: bold;
}

Logos

Warning

Logos sollten nach Möglichkeit immer direkt verlinkt werden, da Änderungen direkt übernommen werden.

Unternehmen

Das Concat-Logo liegt in folgenden 2 Varianten (png, svg) vor:

Table 3. Logos
Logo	Beschreibung
	Farbig für helle Hintergründe images/logo/standard_rgb.svg
	Weiß für dunkle Hintergründe images/logo/standard_white.svg

Produkte

Table 4. Logos
Logo	Beschreibung
	images/logo/docu2net.png
	images/logo/file2net.png
	images/logo/monitoring2net.png