Bild-Boxen

So sieht es aus: Bild über dem Text, im Raster. Wofür: Leistungen, Teaser, Neuigkeiten.

Einstellungen: „Boxen nebeneinander“ je Gerät – hier 1 auf dem Telefon, 2 ab Tablet, 3 ab Desktop. Bildgröße Querformat 3:2, Textfluss zentriert.

So sieht es aus: Bild links, Text rechts – ab Tablet; auf dem Telefon steht das Bild darüber. Wofür: breite Boxen, eine oder zwei je Reihe.

Einstellungen: unter „Bilder“ „Bild neben dem Text“ und „Breite des Bildes“ (hier ein Drittel); Textfluss linksbündig. Gibt es nur in der Ansicht „Karten“.

So sieht es aus: dieselben Karten in einer Reihe zum Wischen, ein Stück der nächsten Box schaut herein. Wofür: viele Boxen auf wenig Höhe.

Einstellungen: „Boxen nebeneinander“ gibt an, wie viele zu sehen sind – hier 1, 2 und 3. Kommt ohne Skript aus.

So sieht es aus: so viele Boxen, wie nebeneinander stehen; Pfeile und Punkte blättern eine ganze Seite weiter, auf dem Telefon Wischen und Punkte. Passen alle Boxen hinein, verschwindet die Steuerung.

Einstellungen: „Boxen nebeneinander“ je Gerät = Boxen je Seite (hier 1, 2, 3). Die letzte Seite zeigt die letzten vollen Boxen.

So sieht es aus: der Text liegt auf dem Bild, unten abgedunkelt; das Foto bleibt darüber hell. Kacheln haben immer weiße Schrift. Wofür: bildstarke Übersichten.

Einstellungen: „Text in der Kachel“ unten (Vorgabe) oder mittig, „Beim Überfahren zeigen“ (siehe nächstes Beispiel).

So sieht es aus: beim Überfahren weicht der Titel dem Button, die ganze Kachel ist klickbar – nur mit Maus, auf Telefonen ist alles sichtbar. Braucht einen Link je Kachel.

Weitere Möglichkeiten unter „Beim Überfahren zeigen“: „Text und Buttons“ oder „nur die Buttons“ erscheinen erst beim Überfahren. Hier zusätzlich „Text in der Kachel: mittig“.

Kacheln in einer Reihe zum Wischen – wie das Scrollband der Karten, nur bildstärker. Einstellungen wie bei Kacheln und Scrollband.

Kacheln mit Pfeilen und Punkten, eine Seite je Klick. Einstellungen wie bei Kacheln und Slider.

So sieht es aus: die erste Kachel doppelt so groß, abwechselnd links und rechts. Wofür: Startseite, eine Hauptleistung mit weiteren daneben.

Einstellungen: am schönsten mit 3, 6 oder 9 Boxen; „Boxen nebeneinander“ gilt hier nicht, nur der Abstand.

So sieht es aus: Zeilen mit kleinem Bild links, Text daneben; bei „ganze Box verlinken“ zeigt ein Pfeil am Ende, dass die Zeile ein Link ist. Wofür: Link-Listen, Download-Übersichten, Service-Seiten.

Einstellungen: „Boxen nebeneinander“ 1 oder 2 (hier 2 ab Desktop); unter „Aussehen der Buttons“ Link-Darstellung „ganze Box verlinken“. Der Textfluss ist immer links.

Karten mit runden Porträts, zentriert, mit Funktion als Untertitel und den Kontaktzeilen jeder Person. Einstellungen: Bildgröße „Quadratisch“, Form „rund“, Hintergrund und Schatten der Boxen „ohne“.

Mehrere Adressen im gleichen Raster – mit Anschrift und Kontaktzeilen; die erste aus den Firmendaten (Insert-Tags), die zweite von Hand. Für eine einzelne Anschrift gibt es das schlankere Element „Adresse“. Einstellungen: Textfluss linksbündig.

Eine Box im sonst gleichen Raster anders färben: in der Box unter „Farben dieser Box“ Hintergrund, Farbe der Überschrift und Textfarbe wählen. Der Normalfall bleibt „Aussehen der Boxen“ am Element.