Header-Bühne (hell)
Subline (dunkel)

Introbühne

Die Introbühne besteht aus verschiedenen Elementen:

  • Breadcrumb: Es lässt sich die Farbe weiss oder grau einstellen
  • Headline (Farbkombination)
  • Subheader (Farbkombination)
  • Subline (grau)
  • Hintergrundbild: Muss für LG und XS getrennt erstellt bzw. gepflegt werden

H1: Hell
Dunkel

Die folgenden Farb-Kombinationen stehen global zur Verfügung:

  • Weiss
  • Weiss / Hell
  • Hell / Weiss
  • Hell
  • Hell / Dunkel
  • Hell / Grau
  • Dunkel
  • Dunkel / Hell
  • Dunkel / Grau
  • Grau

Die h1 ist auf LG mit einer Font-Size von 60px und einer Line-height von 80px definiert. Auf XS sind font-size 40px und line-height 54px definiert.

Die H1 ist auf jeder Seite nur einmal zu nutzen. Üblicherweise wird die h1 in der Headerbühne verwendet. Sie kann auch alleine stehen (vgl. Impressum).

H2: Dunkel
Hell

Für die h2 stehen die selben Farb-Kombinationen wie für die h1 zur Verfügung. Die h2 ist auf LG definiert mit font-size 48px und line-height 64px.

Auf XS ist die h2 definiert mit font-size 40px und line-height 54px. 

H3: Hell
Grau

Für die h3 stehen die selben Farb-Kombinationen wie für die h1 zur Verfügung. Die h3 ist auf LG definiert mit font-size 28px und line-height 38px.

Auf XS ist die h3 definiert mit font-size 28px und line-height 38px. 

Im Fließtext kann darüber hinaus noch eine Subline verwendet werden.

Lorem Ipsum Subline.

Oder ein Statement. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Textformatierung

Fließtexte laufen global über 2/3 der Seitenbreite. Schmalere oder weitere Textläufe sind zu vermeiden.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Es können verschiedene, zusätzliche Formatierungen verwendet werden:

  • Bold
  • Kursiv
  • Highlight

Bullet-Listen sind global gestyled und greifen per Definition auf die Farbe "hell" (abhängig von der Microsite bzw. der CI) zu.

Image Gallery

Im Rahmen der Greenlabs ist eine Bildergalerie entstanden, die nun global genutzt werden kann. Hierbei ist zu beachten, das die verwendeten Bilder alle das selbe Format haben, da es ansonsten zu "Sprüngen" in der Darstellung kommen kann. Die Bildbreite ist 920px beschränkt. Größere Bilder werden proportional skaliert, kleinere Bilder werden nicht vergrößert.

Akkordeon Element

Das Akkordeon-Element kann genutzt werden, um längere Textinhalte übersichtlich zu staffeln. Um ein Akkordeon zu setzen, muss zuerst ein Grid-Container "Akkordeon" und im Anschluss die einzelnen Inhalte gesetzt werden. Als Inhalte lassen sich Text-Elemente nutzen, weitere Elemente können zwar grundsätzlich eingebaut werden, allerdings ist deren Funktion nicht gewährleistet. 

Akkordeon 1

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Akkordeon 2

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Teaser

Mit dem Teaser-Element können verschiedene Arten von Teaser erstellt und eingebunden werden. Es ist bei Texten immer darauf zu achten, dass diese auf Desktop und mobile gleichermaßen funktionieren, also nicht zu lang sind.

Sind im Code Anpassungen vorzunehmen (Funktion, Styling), greifen diese immer global (!).

Person Slider

Der Personen Slider dient dazu, einzelne „Köpfe“ und Profil anzuteasern. Neben dem Slider Element gibt es noch eine entsprechende Unterseite bzw. einen entsprechenden Typ der Intro-Bühne - den Person-Header.

Der Slider benötigt die folgenden Werte für die Funktion:

  • Bild
  • Text
  • Link

Auf der Unterseite müssen / können die folgenden Werte eingestellt werden:

  • Header: Titelzeile
  • Ausrichtung: Rechts / Links
  • Spaltenbreite: 6/12 oder 5/12 (leicht überhängend)
  • Breadcrumb-Farbe: weiss / grau
  • E-Mail Adresse
  • Telefon
  • Fax
  • Text
  • Image: Es kann alternativ ein mobile Bild hinterlegt werden

Raster-Element
Hier können 2-Spalter gebaut werden

Spalte 1

Es gibt eine entscheidende Voraussetzung, um eine Unternehmensberatung erfolgreich zu gründen. Sie darf niemals etabliert sein. Seit 2006 ist Cassini Herausforderer – Vordenker und manchmal auch Querdenker. Wir stellen Konventionen in Frage und führen Klienten nach vorne. Immer pragmatisch. Wenn nötig, revolutionär.
Jeder dritte DAX-Konzern vertraut uns, die wichtigsten Bundesbehörden und die beweglichsten Mittelständler. 

Spalte 2

Es gibt eine entscheidende Voraussetzung, um eine Unternehmensberatung erfolgreich zu gründen. Sie darf niemals etabliert sein. Seit 2006 ist Cassini Herausforderer – Vordenker und manchmal auch Querdenker. Wir stellen Konventionen in Frage und führen Klienten nach vorne. Immer pragmatisch. Wenn nötig, revolutionär.
Jeder dritte DAX-Konzern vertraut uns, die wichtigsten Bundesbehörden und die beweglichsten Mittelständler. 

2-Spalter mit Marginalspalte & Bild

"Ich bin bei Cassini, weil ich gern mit den besten Leuten arbeite."

__Sent via E-Mail.
Betreff: Warum ich bei Cassini bin

In vier Jahren zwei Cassini Standorte mit aufgebaut, einen Merger mit einem Beratungsunternehmen begleitet, große Bundesprojekte vorangebracht und das mit den spannendsten Leuten, die es gibt. Gemeinsam Dinge bewegen – darum bin ich bei Cassini.

Hallo zusammen,

warum ich bei Cassini bin? Weil Cassini für mich nicht nur Beratung ist, sondern eine Idee. Guiding ahead – Klienten wirklich visionäre Wege in die Zukunft zu eröffnen – das ist für mich gelebte Realität.

Michael Seipel leitet als Partner Cassini Berlin. Der Standort ist innerhalb von zwei Jahren von 6 auf über 20 Mitarbeiter gewachsen. Sein Führungsprinzip: Gespräche führen. Wo auch immer.

Bild mit Text

Hier kann das Bild links, rechts, ober- oder unterhalb des Textes platziert werden.

Fokusthemen-Slider

Der Fokusthemen-Slider kann nur auf grauem Hintergrund verwendet werden (!)

Fokus themen

Weitere Plugins

Neben den statischen Content-Elementen gibt es noch verschiedene Plugins / Module die auf der Seite verbaut werden können. So ist auch der bereits oben sichtbare "Teaser-Slider" entweder mit statischem Inhalt, oder aber mit dynamischen Inhalten befüllbar.

Job Liste

Die Job Liste lässt sich nur auf einer gesonderte Seite abbilden, der folgende Link führt zu den aktuellen Jobs der cassini.de - bitte die Datensätze nicht testweise ändern!

Das Job Modul lässt sich auf Microsites mit allgemeinen oder spezifischen Jobangeboten befüllen. 

News / Events / Publikationen

Ebenfalls auf Microsites lässt sich das Modul "News / Events / Publikationen" verwenden. Es können entweder, analog der cassini.de, alle drei Teilbereiche - oder auch nur einzelne - genutzt werden. Folgend der Link auf den aktuellen Stand der Anwendung auf cassini.de/aktuelles

Downloads

Es besteht die Möglichkeit, Downloads auf allen Seiten einzubinden, die durch die Abfrage von Nutzerdaten "geschützt" sind. Die erfassten Daten werden im CMS gespeichert und stehen für eine Auswertung den Administratoren zur Verfügung.