Kacheln

Vorteile, Leistungen oder Schritte als Raster aus Kacheln mit Symbol oder Bild, Titel, Text und Link.

Wofür

Kacheln zeigen mehrere gleichrangige Punkte nebeneinander: Vorteile („Warum wir“), Leistungen mit Link zur Unterseite oder einen Ablauf in nummerierten Schritten.

Felder

• Dachzeile, Überschrift und Einleitung: siehe Grundsätzliches.
• Darstellung (gleich neben Spalten):
  • Kacheln: Karten mit Rahmen.
  • Kompakt (Leiste): kleiner, Symbol neben dem Titel.
  • Schritte (nummeriert): untereinander mit 01, 02, 03, für Abläufe.
• Spalten: 2, 3 oder 4 (nicht bei Schritten).
• Kacheln: 1 bis 12. Jede Kachel hat:
  • Symbol oder Bild: Symbol, Bild oder Keines.
  • Symbol: der Name eines Symbols, siehe unten.
  • Bild mit Alternativtext (optional): wird auf 16:9 zugeschnitten und füllt den oberen Rand der Kachel.
  • Titel (Pflicht) und Text (ein kurzer Absatz).
  • Link: optional, etwa zur passenden Unterseite. Er erscheint als Textlink unten in der Kachel.
• Buttons: bis zu zwei, unter allen Kacheln.

Nicht verwechseln: Das Feld Darstellung neben den Spalten wählt das Aussehen der Kacheln. Das eingeklappte Darstellung ganz unten gilt für den ganzen Abschnitt (Hintergrund, Abstand, Anker-ID).

Symbole

Tragen Sie den Namen genau so ein, kleingeschrieben:

check, phone, mail, clock, map-pin, star, heart, shield, shield-check, leaf, users, info, arrow-right, heart-pulse, stethoscope, scale, gavel, trending-up, activity, compass, award, briefcase, car, home, umbrella, building, truck, lock, piggy-bank, download, file

Ein falsch geschriebener Name zeigt kein Symbol, aber auch keinen Fehler. Prüfen Sie die Kacheln in der Vorschau. Ihr Design kann weitere Symbole haben, fragen Sie uns.

Tipps

• Drei oder sechs Kacheln füllen ein Raster mit drei Spalten gleichmäßig, vier oder acht eines mit vier.
• Kurze Titel aus zwei bis drei Wörtern, Texte mit einem Satz.
• Die Spaltenzahl gilt für große Bildschirme. Am Handy stehen die Kacheln untereinander, auf Tablets zu zweit.
• Bilder ohne eigenen Alternativtext gelten hier als Schmuck. Trägt das Bild Information, füllen Sie Alternativtext (optional) aus.