Corporate Identity System · 2025
Corporate Design
Manual.
Ein konsistentes Gestaltungssystem für Marke, Logo, Farbe, Typografie, Bildsprache, digitale Oberflächen und Geschäftsausstattung.
Ein konsistentes Gestaltungssystem für Marke, Logo, Farbe, Typografie, Bildsprache, digitale Oberflächen und Geschäftsausstattung.
cms electronics steht für präzise, flexible und verlässliche Electronic Manufacturing Services. Die Marke verbindet technologische Exzellenz mit einem klaren menschlichen Anspruch: Verantwortung für Menschen, Produkte und langfristige Partnerschaften.
Globaler EMS-Partner für anspruchsvolle Branchen — von Automotive und Industrie über Medizintechnik und Energie bis zur Bahnindustrie. Komplexe Anforderungen werden in belastbare, serienfähige Lösungen übersetzt.
Technische Klarheit, kontrollierte Prozesse und saubere Details.
Termintreue, Rückverfolgbarkeit und partnerschaftliche Kontinuität.
Fortschritt als konkrete, nutzbare Lösung — nicht als Selbstzweck.
Menschen und Business werden gleichwertig mitgedacht.
„We make life easier, now and in the future.“ Der Nutzen steht im Vordergrund: cms electronics vereinfacht komplexe Elektronikprojekte und macht Qualität planbar.
Engineered clarity. Viel Weißraum, klare Hierarchie, präzise Linien und der grüne Pfeil als sichtbare Vorwärtsbewegung.
Das Logo kombiniert den kleingeschriebenen Wortteil „cms“, die Subline „electronics“ und den grünen Doppelpfeil. Die Form wirkt zugänglich, technisch und dynamisch.
Primärvariante: Blau/Grau/Grün auf Weiß. Invers: Weiß auf CMS Blue. Das Signet ersetzt das vollständige Logo nicht in Erstkontakten.
Der Mindestabstand entspricht der Höhe der Subline „electronics“ (= x). Innerhalb dieser Zone stehen keine Texte, Linien oder Bildkanten.
×××Blau schafft Vertrauen und technische Tiefe. Grün markiert Fortschritt und Handlungsimpulse. Grau verbindet die beiden Pole und hält die Marke sachlich.
Grün ist kein Fließtext auf Weiß. Für Text und primäre Interaktionen wird CMS Blue verwendet; Grün dient als Akzent, Icon oder Fläche mit dunkler Schrift.
Die CMYK-Werte wurden aus den bereitgestellten Druckdaten konsolidiert. Vor Serienproduktion immer einen verbindlichen Proof mit dem jeweiligen Druckdienstleister durchführen.
Barlow ist die Markenschrift. Ihre leicht komprimierte, industrielle Konstruktion wirkt präzise, modern und technisch — ohne kühl zu werden.
Keine künstliche Laufweitenkompression. Versalien nur für kurze Claims, Labels und technische Kennzeichnungen. Der HTML-Guide lädt Barlow in den Gewichten 400, 500, 600 und 700. Eine eingebettete Fallback-Schrift verhindert Darstellungsfehler, falls die Webfont-Verbindung nicht verfügbar ist.
| Stufe | Desktop | Mobil | Zeilenhöhe | Gewicht |
|---|---|---|---|---|
| Display | 72–84 px | 44–52 px | 0.98–1.05 | 600 |
| H1 | 56 px | 38 px | 1.05 | 600 |
| H2 | 40–48 px | 32 px | 1.08 | 600 |
| H3 | 22–26 px | 20–22 px | 1.2 | 600 |
| Body | 17–18 px | 16–17 px | 1.55–1.65 | 500 |
| Label | 11–13 px | 11–12 px | 1.2 | 700 |
Die grafische Sprache übersetzt Elektronik in klare, wiedererkennbare Prinzipien: Vorwärtsbewegung, Signalfluss und kontrollierte Präzision.
Der grüne Pfeil zeigt Richtung und Fortschritt. Dünne Leiterbahnlinien verbinden Inhalte und visualisieren Prozesse. Segmentierte Kreisformen aus den Drucksorten schaffen technische, aber zugängliche Flächen.
Akzent statt Dekoration: Jedes grafische Element hat eine klare Funktion.
Navigation, CTA, Richtung. Nie als beliebiges Ornament streuen.
1–2 px, orthogonal oder in 45°-Winkeln, mit wenigen Farbakzenten.
Für Print-Abschlüsse, Kapitelmarken und ruhige Flächenkompositionen.
Die Branchenillustrationen basieren auf einer feinen, technischen Linienzeichnung. Grün benennt das Kernelement; Grau bildet Infrastruktur, Umgebung und Verbindung.
prefers-reduced-motion respektierenDie Fotografie zeigt die reale Verbindung von Mensch, Technologie und Produktion. Sie ist hell, präzise und glaubwürdig — nicht stockhaft oder überinszeniert.
Das Layout ist modular, großzügig und funktional. Klare horizontale Zonen treffen auf flexible Kartenraster. Die Komposition bleibt ruhig, auch wenn viele Informationen zusammenkommen.
Komplexe Inhalte erhalten sichtbare Ruhe. Große Abstände sind Teil der Markenwirkung.
Ein dominanter Titel, ein klarer Lead, danach strukturierte Module. Keine konkurrierenden Schwerpunkte.
Geradlinige Flächen, moderate Radien, kaum Schatten. Tiefe entsteht primär durch Farbe und Abstand.
Die digitale Oberfläche übersetzt das Corporate Design in ein robustes, responsives Komponenten-System. Interaktionen sind eindeutig, technisch präzise und gut zugänglich.
› KontaktPräzise Branchenkommunikation mit klarer Illustration und Zertifikats-Tags.
Präzise Branchenkommunikation mit klarer Illustration und Zertifikats-Tags.
Präzise Branchenkommunikation mit klarer Illustration und Zertifikats-Tags.
Primär Blau, sekundär Outline. Der Pfeil steht links in einem kompakten Signet-Feld. Mindesthöhe 44 px.
Weiß auf hellem Grau, 10–12 px Radius, dezente Kontur statt starker Schatten.
Großzügige Klickflächen, klarer aktiver Zustand, Mega-Menü in zwei gut lesbaren Spalten.
Die Anwendungen zeigen das System in seiner praktischen Form: klare Markenflächen, kontrollierte Typografie und der Pfeil als wiederkehrendes Leitelement.
Logo oben links, Claim oben rechts, Segment-Kreis im unteren Bereich. Kontaktinformationen bleiben sachlich und kompakt.
Bildstarke 16:9-Flächen, klare blaue Textzone und grüner Diagonal-Impuls. Pro Folie eine Hauptaussage.
Barlow/Arial, Name in Blau, Funktion in Graphit, grüne Website-Adresse. Keine Bildhintergründe oder Social-Icon-Sammlungen.
cms electronics spricht kompetent, klar und partnerschaftlich. Technische Tiefe wird verständlich formuliert. Der Ton bleibt selbstbewusst, aber nie laut.
Ihr Partner für maßgeschneiderte Electronic Manufacturing Services.
Präzision, die komplexe Produkte zuverlässig in Serie bringt.
We care for the people and the business.
Direkt, sachlich und klar. Fachbegriffe werden genutzt, wenn sie für die Zielgruppe relevant sind — nicht, um Kompetenz zu inszenieren.
International, kompakt und idiomatisch. Claims und kurze Headlines können in Versalien stehen; längere Texte bleiben in normaler Schreibweise.
Markenqualität zeigt sich auch in Lesbarkeit, Zugänglichkeit und sauberer Produktion. Designregeln dürfen Funktion nie beeinträchtigen.
Für Fließtext, Navigation und primäre Buttons geeignet. WCAG AAA für normalen Text.
Für Akzentflächen und Buttons geeignet. Weiß auf Grün ist für kleinen Text zu schwach.
Interaktive Elemente mindestens 44 × 44 px; Fokuszustand klar sichtbar.
Dateinamen: cms_[asset]_[variant]_[color]_[size]_v01.ext · Beispiel: cms_logo_horizontal_primary_rgb_v03.svg
Eine starke Marke bleibt konsistent, wenn Verantwortlichkeiten, Freigaben und Dateiversionen klar geregelt sind.
Industriering 7
A-9020 Klagenfurt am Wörthersee
Austria
Nur freigegebene Masterdateien aus dem zentralen Brand-Ordner verwenden. Keine Logos aus Präsentationen oder Screenshots exportieren.
Externe Kampagnen, Co-Branding, Messegrafiken und neue Logoanwendungen vor Produktion durch Marketing freigeben lassen.
Änderungen am Manual werden mit Versionsnummer, Datum und verantwortlicher Person dokumentiert.