Keyvisual
Format des Keyvisual: 1960 x 600px
Boxen weiß/grün mit schwarzer/weißer Schrift
Achtung: In der Mobilansicht können Teile des Bildes aufgrund der Skalierung abgeschnitten werden.
Zu viel Text in dieser Box führt dazu, dass das Textfeld zu lang wird und über das Bild hinausragt. Das sieht zum einen nicht schön aus, zum anderen ist dann auch der Linkbutton nicht mehr anklicktbar.
Erweitete Inhaltselemente
Custom Content Elements (CCE)
Highlight-Text
Subheader Highlight-Text
Kurzer Text ergänzt um einen Link. Als Hintergrund kann weiß und grau gewählt werden.
Collapsible Boxes, Ausklappbare Elemente
Subheader Collapsible Boxes
Boxen mit Bild und Link/kurzer Beschreibung
Teaser-Boxen
Format der Bilder für Teaser-Boxen (3-spaltig) im 4:3 Format (quer).
Achtung, die Menge an Text ist bei diesen Boxen begrenzt. Wenn mehr Zeichen benötigt werden, sollten Inhaltsboxen oder Visitenkarten verwendet werden.
Boxen mit Bild und Text
Content-Box / Inhaltsbox
Hier kann beliebig viel Text verwendet werden.
Es können 2, 3 oder 4 Spalten ausgewählt werden.
Das Format der Bilder ist frei wählbar, aber Achtung! Bei mehreren Boxen in einer Reihe müssen die Bilder alle exakt das gleiche Format haben! (Beispiele wie es nicht aussehen sollte, sehr ihr unten.)
Content Box
2 colums
Lorem Ipsum
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.
At vero eos
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.
Content Box
3 columns
Box 1 Überschrift
Hier eine dreispalitige Inhaltsbox, bei der Bilder im gleichen Format verwendet wurden, aber nicht bei allen Boxen ein Bild eingebunden wurde.
Box 2 ohne Bild
Wird kein bild bei einer Box verwenden, dann "rutschen" die Überschrift und der Text nach oben und beginnen auf gleicher Linie mit den Bildern. Für ein einheitliches Design, also am besten bei allen Boxen Bilder im exakt gleichen Format einbinden. (Es ist auch möglich ein transparentes png-Bild im gleichen Format zu verwenden als Platzhalter.)
Box 3: Bild wie in Box 1 in 4:3 Format
Box 1 und Box 2 verwenden exakt das selbe Bildformat (4:2), daher sind beide Boxenüberschriften in genau der gleichen Höhe und es wirkt einheitlich.
Content Box
4 colums
Box 1: Bild 4:3
Hier wird einmal demonstriert, was passiert, wenn Bilder in den einzelnen Boxen verwendet werden, deren Format nicht übereinstimmt.
Box 2: Bild etwa 40:8
Durch das andere Bildformat werden hier wieder Überschrift und Text versetzt dargestellt. Dies sorgt für ein sehr unruhiges Bild auf der Webseite.
Box 3
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.
Box 4
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.
Visitenkarten
Unternehmensname
Visitenkarten können ähnlich wie Teaserboxen verwendet werden. Hier werden auch alle Bilder auf ein festes Format (abhängig von der Anzahl der Spalten) skaliert. Bei 3-Spalten wird wieder das Format 4:3 empfohlen. Im Gegensatz zur Teaserbox gibt es beim Text aber keine Zeichenbegrenzung.
- +12 (3) 123456778
- mail@ vorundnachname.de
Content-Visual
Für das Content-Visual gilt das gleiche wie für das Keyvisual. Hier kann aber zusätzlich noch die Position der Box (zentriert oder linksbündig) ausgewählt werden.