Testseite Design Refresh ohne Headerbild

Diese Seite beinhaltet richtungsgebende Elemente für den Design Refresh. Die Seite ist für alle Gruppengesellschaften verfügbar, um die Theme-spezifischen Variationen sichtbar zu machen.

Titel Variationen (Titel Block)

Folgend werden die verschiedenen Variationen gezeigt, die mit dem Gutenberg-Block "Titel" umgesetzt werden können. Die Titel werden jeweils in der Primary Theme Colour angezeigt.

Dies ist ein H2 Titel

Dies ist ein H3 Titel

Dies ist ein H4 Titel

Dies ist ein Absatz-Titel

Text (Copytext Block)

Text auf Standard-Hintergrund

Folgend werden die Textformate, die im Gutenberg-Block "Copytext" verfügbar sind.

Dies ist ein normaler Text, der keine Formatierung beinhaltet. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Dieser Absatz verwendet die Formatierung "Bold".

Dieser Absatz verwendet die Formatierung "Italic".

Dies ist ein Absatz mit Verlinkung.

Folgend ist eine unsortierte Liste:

  • Normal
  • Bold
  • Italic

Folgend ist eine sortierte Liste:

  1. Normal
  2. Bold
  3. Italic

Folgend sind die im Copytext-Block verfügbaren Titel-Varianten:

Titel H1

Titel H2

Titel H3

Titel H4

Titel H5
Titel H6

Mittels Shift-Taste kann man den Absatz unterdrücken, möchte man Textteile nahe beieinander halten. z. B.:

ohne Shift-Taste, einfach Enter:

SIRMED

Schweizer Institut für Rettungsmedizin AG

mit Shift-Taste:

SIRMED
Schweizer Institut für Rettungsmedizin AG

Text auf weissem Hintergrund

Button (Call to Action Block)

Es gibt drei verschiedene Button-Typen, die jeweils die Theme-Farbe übernehmen.

Button Primary

Button Text

Button Secondary

Button Text

Button Monetary

Button Text

Storytelling Variationen (Storytelling Block)

Folgend ist das Storytelling Element ersichtlich, das über zwei Varianten verfügt und eine parallax Animation hat.

Storytelling Bild links

Storytelling Bild rechts

Conversion Widgets Variationen (Conversion Widget Block)

Nachfolgend sind die zwei verschiedenen Variationen der Conversion Widgets ersichtlich. Diese sind für Spenden, Mitglied werden und Mitgliedschaft schenken verfügbar.

Conversion Widget Donation Compact

Conversion Widget Membership Full Width

Teaser Variationen (Teasers Block)

Nachfolgend werden die verschiedenen Teaser Variationen gezeigt. Die Farbflächen werden in der jeweiligen Primary Theme Colour eingefärbt.

Teasers mit Bild-Teaser

Teasers ohne Bild-Teaser

Block Teaser List - 3 in a row

Nachfolgend ist das Block Teaser Element in der Variante "3 in a row" zu sehen.

Item List Variationen

Nachfolgend ist das Element Item List in zwei Variationen ersichtlich. Wird ein Icon statt eines Bildes verwendet, wird die Farbfläche in der jeweiligen Primary Theme Colour eingefärbt.

Item List einspaltig

Item List zweispaltig

Mitglied werden
Mitglied werden

Werden Sie jetzt Mitglied und erhalten Sie im Ernstfall 250 000 Franken.

Mitglied werden
Spenden
Spenden

Spenden Sie jetzt und unterstützen Sie unsere Projekte zugunsten von Querschnittgelähmten.

Spenden