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.