Ü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.

Hausmesse 2023

…ein voller Erfolg! Neben spannenden Angeboten und Neuheiten, gab es natürlich auch in diesem Jahr wieder Leckeres vom Grill und kühle Getränke.  Hier haben wir

Weiterlesen »

Neuer Online-Shop

Der neue TOPF Online-Shop! Vorteile im Überblick: schnelle Ladezeiten Präzise Suche Favoritenlisten Kundensupport Variantendarstellung Scan-App Oxomi Katalogportal Handwerker-Software-Schnittstellen Belegauskunft – alle Angebote, Aufträge und Rechnungen

Weiterlesen »