Styleguide
Auf dieser Seite werden die Inhaltstypen, die Auszeichnungsmöglichkeiten für Texte und deren Anwendung sowie die Baukasten-Elemente des Content Management Systems dieses Auftritts dokumentiert.
Seitentypen
Jede Standard- und Case-Seite beginnt mit einem Introbereich, der aus Bild, Text, einem Button und einer kleinen Aufzählungsliste besonders interessanter Key-Facts bestehen kann.
Rich Text Editor
Headlines
Semantische Überschriften H1 bis H4 oder Textauszeichnung mit Absatzstil.
Kombinierbar mit Farbstilen:
H1 Lorem Ipsum
H2 Lorem Ipsum
H3 Lorem Ipsum
H4 Lorem Ipsum
Textstile
Anzuwenden über die Textstile.
Text groß 50px Cum sociis natoque penatibus et magnis dis parturient montes.
Text groß 24px Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Fließtext Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, aliquet nec, vulputate eget, arcu.
Text klein 16px Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi.
Text klein 14px Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, aliquet nec, vulputate eget, arcu.
Text in Spalten
Anzuwenden über Blockstile.
Text 2-spaltig consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet.
Text 3-spaltig consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet.
Listen
Anzuwenden über die Listenauszeichung.
- Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu
- Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu
- Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu
- Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu
Buttons und Linkstile
So wird's gemacht:
- Link erstellen
- Objektstil anwenden
Bild und Video
Bilder
Bilder werden über die Medienbibliothek hinzugefügt und müssen mit einem alternativen Text und einer Angabe zur Bildquelle versehen werden.
Sie passen sich automatisch der jeweiligen Spaltenbreite an und erhalten automatisch abgerundete Ecken.
Videos
Videos können über YouTube oder Vimeo Link hinzugefügt werden.
Default:
Bedienelemente werden angezeigt
Optional:
Autoplay (nur bei Video ohne Ton)
Poster (Startbild)
Mögliche Optionen:
- Bild links oder rechts
- Spaltenaufteilung (1:1, 4:8, 8:4, 5:7, 7:5)
- vertikale Ausrichtungen des Inhalts zueinander (oben, mitte, unten)
- Hintergrundbild(Shape) wird angezeigt
So funktioniert’s
Die XING Ads sind native Anzeigen, die direkt auf XING platziert werden. Mithilfe des XING AdManagers können Sie Ihre Anzeigen selbst erstellen und verwalten.
Sie definieren die Ziel-Gruppe anhand der vielfältigen Targeting-Kriterien, z. B. nach Region, Branche oder Karriere-Stufe, und bestimmen die Höhe des Budgets für eine volle Kosten-Kontrolle. Unsere Marketing-Expert·innen unterstützen Sie gerne dabei, Ihre Kampagne zu planen und auf XING zu integrieren sowie den Erfolg auszuwerten.
So funktioniert’s
Die XING Ads sind native Anzeigen, die direkt auf XING platziert werden. Mithilfe des XING AdManagers können Sie Ihre Anzeigen selbst erstellen und verwalten.
So funktioniert’s
Die XING Ads sind native Anzeigen, die direkt auf XING platziert werden. Mithilfe des XING AdManagers können Sie Ihre Anzeigen selbst erstellen und verwalten.
Sie definieren die Ziel-Gruppe anhand der vielfältigen Targeting-Kriterien, z. B. nach Region, Branche oder Karriere-Stufe, und bestimmen die Höhe des Budgets für eine volle Kosten-Kontrolle. Unsere Marketing-Expert·innen unterstützen Sie gerne dabei, Ihre Kampagne zu planen und auf XING zu integrieren sowie den Erfolg auszuwerten.
Slider
Möglicher Inhalt:
- Bild
- Bild/Text
- Text
Teaser
Es wird unterschieden zwischen redaktionell erstellbaren Teasern und Magazinartikel- bzw. Case-Teasern,
letztere erzeugen sich aus den Teaser-Angaben der jeweiligen Seite
Redaktionelle Teaser:
Magazinartikel- bzw. Case-Teaser
Bild-Teaser (Logoleiste)
Colored Cards
Mögliche Optionen:
- Hintergrundfarbe wählbar
- Icon optional
Zielgenaues Targeting
Nutzen Sie unsere First Party-Daten für das passgenaue Targeting Ihrer Zielgruppe bei Ihrer Kampagne.
Brand Safety
Platzieren Sie Ihre Kampagne ausschließlich in sicheren Umfeldern, damit Ihre Marke geschützt bleibt.
Reichweite erhöhen
Erreichen Sie Ihre Zielgruppe außerhalb der Plattform – unabhängig davon, wo sie im Web unterwegs ist.
Akkordeon
Mögliche Optionen:
- Die Farbe der Badges ist wählbar.
- Der erste Eintrag kann initial ausgeklappt dargestellt werden.
Akkordeon mit Text
Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum.
Akkordeon mit Bild
Akkordeon mit Bild-Text
Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo.
Video
Formular
Sektionseinstellungen
Alle Sektionen, auch 2- bzw. 3-spaltige haben verschiedene Einstellungsmöglichkeiten:
- Begrenzung auf Inhaltsbereich
- Breite (12/10/8/6 Spalten)
- Aufteilung (nur 2-/3-spaltige)
- Ausrichtung (links, mitte, rechts)
- Abstände oben und unten
- Hintergrundfarbe
2-spaltige Sektion:
3-spaltige Sektion:
2-spaltige Sektion
Spalte 1
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue
Spalte 2
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.
3-spaltige Sektion
Spalte 1
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, just
Spalte 2 unten
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
Spalte 3
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, just