Toolbox

Aufgepasst! Toolbox- und Contentelemente auf einen Blick zu haben, kann ganz hilfreich sein. In Divi lassen sie sich einfach kopieren und an anderer Stelle einfügen. Dieses Element ist übrigens ein Teasertext.

👇 Typografie

Das ist eine Pre-Headline

Versalien, 2px Spationierung

Schriftgrößen

Desktop: 18/28px

Tablet:

Mobil: 16/25px

Das ist eine Heading 1

Eine Heading 1 lässt sich mit der Georgia regular kombinieren.

Mut zur Farbe ist erwünscht,
aber kein Muss.

Mehr als zwei Farben sollten es bestenfalls nicht sein.

Schriftgrößen

Desktop: 70/80px

Tablet: 50/58px

Mobil: 40/46px

Das ist eine Heading 2

 Schriftgrößen

Desktop: 50/60px

Tablet: 40/46px

Mobil: 30/36px

Das ist eine Heading 3

Schriftgrößen

Desktop: 40/50px

Tablet: 30/36px

Mobil: 25/32px

Das ist eine Heading 4

Schriftgrößen

Desktop: 30/40px

Tablet: 25/32px

Mobil: 20/26px

Das ist eine Heading 5

Schriftgrößen

Desktop: 20/30px

Tablet: 18/28px

Mobil:

Das ist ein Teasertext.

Schriftgrößen

Desktop: 26/36px

Tablet: 24/34px

Mobil: 22/32px

Das ist ein normaler Fließtext. Er sollte nicht zu lang laufen, deswegen ggf. die Spaltenbreite für Desktop reduzieren.

Schriftgrößen

Desktop: 18/28px

Tablet:

Mobil: 16/25px

👇 Buttons

 Schriftgrößen

Desktop: 26px

Tablet: 22px

Mobil: 16px

👇 Header Light

Optionale Pre-Headline

Ein großes Headerelement macht viel her.

Optionaler Teasertext: Genau wie das Bild rechts und der CTA-Button ist dieser Teasertext nicht immer notwendig und deswegen nur eine gestalterische Möglichkeit.

👇 Header Dark

Macht Eindruck: Ein Header mit Kontrast.

Optionaler Teasertext: Genau wie das Bild rechts und der CTA-Button ist dieser Teasertext nicht immer notwendig und deswegen nur eine gestalterische Möglichkeit.

👇 Light Grey Section

Optionale Pre-Headline

Ein großes Headerelement macht viel her.

Optionaler Teasertext: Genau wie das Bild rechts und der CTA-Button ist dieser Teasertext nicht immer notwendig und deswegen nur eine gestalterische Möglichkeit.

👇 Bild-Text-Kombination

Hier kann
ganz schön viel Text stehen

Hier kann
ganz schön viel Text stehen

Hier kann
ganz schön viel Text stehen

👇 Accordion Dark

Wer steckt hinter dem Projekt X-Fem?

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

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Ihr Titel

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

👇 Call-to-Action

Hier steht eine wunderbare Headline

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this.

Hier steht eine wunderbare Headline

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this.

Hier steht eine wunderbare Headline

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this.

Hier steht eine wunderbare Headline

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this.

👇 Collection Dark

Hier steht eine Headline

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Hier steht eine Headline

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Hier steht eine Headline

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

👇 Collection Light

Hier steht eine Headline

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Hier steht eine Headline

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Hier steht eine Headline

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Hier steht eine Headline

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Hier steht eine Headline

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Hier steht eine Headline

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.