Übersicht über die gängigsten Elemente

Element-Referenz

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.

Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

Farb-Vorgaben

Primärfarbe

#FFDE0B

Sekundärfarbe

#A7A7A7

Text

#1D1D1B

Akzent

#000000
(100% Schwarz)

Rahmen

#E2E2E2

Subheadlines

#0000004D
(Schwarz ca. 30% Deckkraft)

Information

#E3E3E3

Erfolg

#8EFFA4

Warnung

#FFCC62

Gefahr

#FF9592

Typografie-Vorgaben

Überschrift 1 (H1)

Überschrift 2 (H2)

Überschrift 2 (H2 + Subheadline Typografie + Subheadlines Farbe)

Überschrift 3 (H3)

Überschrift 4 (H4)

Überschrift 5 (H5)
Überschrift 6 (H6)

Regulärer Text: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

Regulärer Text – 2 Spalten: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

Regulärer Text – 3 Spalten: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

Buttons

Darstellung kann durch das Eintragen von "shop-button" unter "Erweitert > CSS Klassen" erzielt werden.

TOPF läuft 2023

Es geht wieder los! Vom 03.05.2023 – 03.06.2023 werden wir wieder Kilometer sammeln – laufen, joggen, Fahrrad fahren. Es ist alles möglich. Für die gesammelten

Weiterlesen »

Mitarbeiter*in im E-Commerce (m/w/d)

Aktuell suchen wir Verstärkung für unseren Onlinevertrieb und Produktdatenmanagement! Mit über 100.000 Produkten bieten wir in unserem Shop eine Riesenauswahl.  Unsere Produktdaten managen wir in einem

Weiterlesen »

Ausbildung 2023

Du bist nächstes Jahr fertig mit der Schule und hast Lust auf eine spannende Ausbildung?Dann bewirb dich doch einfach bei uns! Als Kaufmann/-frau im Groß-&

Weiterlesen »