Hauptüberschrift H1 [40] lorem ipsum dol

Die eingeblendeten Daten oben sind optional. Sinnvoll bei Veranstaltungen, Projekten etc.

Idealerweise folgt hier ein Einleitungstext. Formatierung siehe Paragraph.

Überschrift 2 [30] Lorem ipsum

Überschrift 3 [40] Lorem ipsum dolor sit

Überschrift 4 [50] Lorem ipsum dolor sit amet cons

Paragraph (Text-Element) [450] 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 a

Ein Link im Text sollte vermieden werden, er kann nur auf caritas.ch-Inhalte führen - keine externen. Text with some and _subscript and ^superscript

• Interner oder externer Link in separatem Text [60] Lorem ips

Liste

Aufzählung mit Bulltet-Points oder Nummerierung. Gemisch vermeiden.

• Liste [...] Element 1 mit Link

  1. Sub-Element 1
  2. Sub-Element 2
• Element 2
• Element 3 _mitformatiertem Text

Disclosure (ex-Accordion)

Mind. 3 Disclosure-Teile. Inhalte darin möglich: Paragraph, Liste, Image (nicht Gallery).

Quote (Zitat)

Mindestangabe: Zitat. Zusätzlich möglich: Bild, Vorname Name, Rolle. (Hinweis Editor: «…» manuell eingeben.)

C-Box

Verwendung für besonders wichtige Inhalte, v.a. auf Übersichts-/Portalseiten. Max. 1 Stück pro Seite.

Image

Ganzes Bild wird angezeigt. Es wird nicht automatisch zugeschnitten, aber je nach Device (Desktop, Tablet, Smartphone) verkleinert. Sofern eine Bildlegende und -quelle vorhanden, wird diese angezeigt.

Gallery

Bild wird je nach Device (Desktop, Tablet, Smartphone) automatisch zugeschnitten. Es können mehrere Bilder eingefügt werden. Sofern eine Bildlegende und -quelle vorhanden, wird diese angezeigt.

Sollen mehr als 4 Bilder verwendet werden, bietet sich eine 2. Gallery an einem anderen Ort auf der Seite an.

Thumbnail Gallery

Besonders für Logos, auch Vorteilsboxen od. Mitarbeitenden-Portraits möglich. Bilder klickbar möglich. Anzeige Desktop 3 nebeneinander, Mobile 2. (Hinweis Grafik: Bilder werden nicht gecropped.)

Table

Verwendung nur wo absolut nötig. Table ist nicht-Device-optimiert. (Hinweis Editor: Bildbeschreibung inkl. Quelle manuell eingeben.)

Embed

Externe Inhalte z.B. YouTube, Issuu, Spotify etc.

Wirkung oder Fakten

Idealerweise 4 Stück. Zahl, Masseinheit, Kurzbeschrieb. Hinweis: Icons werden noch ausgewechselt.

Das folgende Formular zeigt die Möglichkeiten. Im Backend sind die verwendeten Elemente ersichtlich.

Donation

Der Seite und dem Spendenwidget large kann ein spezifischer Spendenzweck hinterlegt werden.

Factsheet

Verwendung sinnvoll in Projekten, Brandings etc.

Map

Es können beliebig viele Standorte einer Map hinzugefügt werden.

Kontakt

Story: Full width

Das Story-Element reduziert einsetzen. Bild oder Videoloop im Hintergrund möglich. Textfeld kann rechts oder links stehen. Text kurz halten.

Story: Collage

Das Story-Element reduziert einsetzen. Textposition an in jedem der 4 Ecken sein. Text kurz halten, damit Funktionalität gegeben.

Story: Text/Image-Box

Das Story-Element reduziert einsetzen. Bild kann rechts oder links vom Textfeld stehen. Text kurz halten.

Titelbild: Demo Bildbeschriftung Kind am laufenden Wasserhahn © Caritas Schweiz