Downloads

• Das Dateilink-Element eignet sich, um Nutzenden Dateien wie PDFs, Broschüren oder Informationsmaterialien zum Download bereitzustellen. Es kann zusätzlich mit einem Vorschaubild, einer Preline sowie einem Beschreibungstext versehen werden, um Kontext und Orientierung zu schaffen.
• Nicht geeignet ist das Element, wenn lediglich einfache Links oder kurze Hinweise gesetzt werden sollen – hierfür sind Textlinks oder Standard-Linkelemente ausreichend.

• Überschrift (optional, empfohlen) + Header Class (Überschriften-Stil) mit den Optionen H2, H3, H4, verborgen, nur für Screenreader.  
• ggf. Preline/Dachzeile, z. B. für eine Kategorisierung der Seite
• Introtext: Beschreibt in Teaserform den Inhalt des Downloads
• Datei-Upload (z. B. PDF)
• Dateiname sichtbar (muss automatisch oder manuell erkennbar sein)

• Vorschaubild: JPG, JPEG, PNG, GIF, SVG, AI, PDF (empfohlen: Querformat, mind. 600 px Breite für gute Darstellung)
• Dateien: Standardmäßig PDF, es können aber auch andere Dateiformate verlinkt werden.

• Überschrift: max. 60 Zeichen, kurz und präzise.
• Preline: maximal 30 Zeichen.
• Beschreibungstext (Introtext): 150–200 Zeichen für einen kurzen, erklärenden Hinweis zum Dokument

Das Element kann in Spaltenraster eingefügt werden. Bei Vollbreite (100 % Raster) wirkt es sehr groß, daher sollte diese Variante nur eingesetzt werden, wenn ein zentrales Dokument besonders hervorgehoben werden soll. Standardmäßig empfiehlt sich die Nutzung in 50 % oder 33 % Raster, um eine ausgewogene Optik zu gewährleisten.

• Darstellung erfolgt automatisch untereinander.
• Vorschaubild wird verkleinert, die Datei bleibt mit Titel und Icons klar erkennbar.
• Download- und Vorschau-Icons sind auch auf kleineren Screens klickbar und bleiben funktional.

• Aussagekräftige Dateinamen verwenden (z. B. „Gemeindebrief_August2025.pdf“).
• Vorschaubilder nutzen, um den Download visuell hervorzuheben.
• Preline einsetzen, um den Inhalt thematisch einzuordnen.
• Beschreibungstext hinzufügen, um klarzumachen, was die Datei enthält.
• Dateien regelmäßig aktualisieren und alte Versionen löschen.

• Dieses Element eignet sich, um eine einzelne Datei prominent darzustellen und zum Download anzubieten, z. B. Jahresberichte, Broschüren oder Studien.
• Nicht geeignet für umfangreiche Download-Listen – hierfür besser die Dateilinks nutzen.

• Überschrift (optional, empfohlen) + Header Class (Überschriften-Stil) mit den Optionen H2, H3, H4, verborgen, nur für Screenreader.  
• ggf. Preline/Dachzeile, z. B. für eine Kategorisierung der Seite
• Datei (PDF muss ausgewählt sein)
• Titel der Datei (falls abweichend von Dateiname)

• Nur PDF-Dateien erlaubt (siehe Backend-Beschränkung).
• Optionales Vorschaubild (JPG, PNG), sollte im Querformat hochgeladen werden.

• Überschrift: max. 60 Zeichen, kurz und präzise.
• Preline: maximal 30 Zeichen.
• Beschreibung (optional): 150–200 Zeichen als Teasertext.

Das Element sollte in größeren Rastern (mindestens 50 % Breite) eingesetzt werden, da es auffällig gestaltet ist. Für mehrere Dateien nebeneinander nicht geeignet.

Datei-Teaser wird untereinander dargestellt. Vorschaubild skaliert automatisch in voller Breite, Text und Buttons ordnen sich darunter an.

• Aussagekräftigen Titel vergeben (nicht den reinen Dateinamen stehen lassen).
• Vorschaubild passend wählen (z. B. Cover oder thematisches Symbolbild).
• Kurze, präzise Beschreibungstexte nutzen. Nutzer*innen sollten mit einem Blick auf Titel und Beschreibung Sinn und Zweck des Downloads erfassen können.
• Bei wichtigen Inhalten prominent auf der Seite platzieren.