Global Presets UI Style Guide

01. Color palette

#FFFFFF

#f2f2f2

#70a85f

#f49b66

#322e2d

#8fc950

#8fc950

#70A85F

#423634

#322e2d

02. Text styles

Heading 1

Heading 1

Heading 2

Heading 2

Heading 3

Heading 3

Heading 4

Heading 4

Body

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.

List

  • Lorum Ipsum
  • Lorum Ipsum
  • Lorum Ipsum
  • Lorum Ipsum
  • Lorum Ipsum
  • Lorum Ipsum
  • Lorum Ipsum
  • Lorum Ipsum
  • Lorum Ipsum

All in one

Heading 1

Heading 2

Heading 3

Heading 4

Lorum ipsum dolor sit amet.

  • Lorum Ipsum

Heading 1

Heading 2

Heading 3

Heading 4

Lorum ipsum dolor sit amet.

  • Lorum Ipsum

Heading 1

Heading 2

Heading 3

Heading 4

Lorum ipsum dolor sit amet.

  • Lorum Ipsum

03. Modules

The last part of this style guide handles some of the most-used modules inside Divi. Here, we’re also providing you with a primary, secondary and tertiary version of each module which you can style and add as a global preset. Feel free to create more alternative designs for each module.

Primary

Secondary

Tertiary

Button

Blurb

Your Title Goes Here

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.

Your Title Goes Here

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.

Your Title Goes Here

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.

Email optin

Contact form

4 + 4 =

8 + 13 =

4 + 15 =

Image

Call to action

Your Title Goes Here

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.

Your Title Goes Here

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.

Your Title Goes Here

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.

Divider

Person

Name Goes Here

Name Goes Here

Position

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.

Name Goes Here

Name Goes Here

Position

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.

Name Goes Here

Name Goes Here

Position

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.

Social Media Follow

Toggle

Your Title Goes Here

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.

Your Title Goes Here

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.

Your Title Goes Here

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.

Testimonial

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.

Name Goes Here

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.

Name Goes Here

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.

Name Goes Here

Video

Accordion

Your Title Goes Here

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.

Your Title Goes Here

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.

Your Title Goes Here

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.

Your Title Goes Here

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.

Your Title Goes Here

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.

Your Title Goes Here

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.

Blog

Aprikosen-Saison, Öffnungszeiten

Aprikosen-Saison, Öffnungszeiten

Die Aprikosen-Saison ist nun richtig gestartet! Bei den heissen Temperaturen kann man dem leckeren Steinobst fast schon zuschauen beim reifen! Mhhh! Unser  Hofladen ist nun wieder wie folgt geöffnet: Montag - Freitag 10.00 - 18.30 Uhr Am Samstag bleibt der Hofladen...

Spargelsaison beendet/ Start Himbeeren

Spargelsaison beendet/ Start Himbeeren

Die Spargelsaison ist zu Ende. Wie immer, mit einem lachenden und einem tränenden Auge blicken wir auf die Saison zurück. Auch wenn sehr streng, ist die Spargelsaison doch etwas ganz Besonderes mit vielen schönen und auch interessanten Begegnungen. Vielen Dank für...

Saison Endspurt

Saison Endspurt

Geschätzte Kundschaft, Liebe Spargelfreunde Die Spargelsaison 2023 geht den Ende zu. Der Hofladen bleibt noch bis am Mittwoch offen, solange es noch Spargel hat, danach gibts einige Tage "Pause". Aktuell hat es noch eine schöne Auswahl an verschiedenen Sortierungen,...

Start Spargelsaison 2023

Start Spargelsaison 2023

Geschätzte Spargelfreunde, Liebe Kunden! Es ist soweit: die Spargelsaison 2023 hat begonnen!  Trotz noch immer eher kühleren Temperaturen können wir nun wieder täglich frischen Spargel ernten, weissen sowie auch grünen Spargel. Gerne begrüssen wir Sie wieder bei uns...

Aktuelles Käsesortiment

Aktuelles Käsesortiment

Aktuell im Hofladen erhalten Sie wieder das feine Maraner Fondue der Sennerei Maran, fix fertig in Beuteln für 2 oder 3 Personen. Bei grösseren Mengen gerne auf Vorbestellung bis Dienstagabend. Weiterhin erhältlich: Churer Alpkäse 2022, Alpbutter, Walserkäse rezent...

Himbeeren

Himbeeren

Die Himbeersaison geht in den Endspurt! Wir haben diese Woche nochmals zusätzlich am Abend geöffnet: Montag - Donnerstag 16.00 - 18.30 Uhr / Freitag 10.00 - 18.30 Uhr / Samstag 09.00 - 12.00 Uhr Wir freuen uns auf Ihren Besuch!    

Zwetschgen und Mirabellen

Zwetschgen und Mirabellen

Es ist soweit: Zwetschgen und Mirabellen (Palögali wie wir in Khur sagen) sind nun im Hofladen und samstags auch am Churer Wochenmarkt erhältlich. Unser aktuelles Sortiment: Aprikosen (bis ca. Ende August), Pfirsiche (bis ca. Ende September), Zwetschgen (bis ca. Ende...

Pfirsiche

Pfirsiche

Seit nun einer Woche können wir auch unsere feinen Pfirsiche ernten. Aktuell ernten wir die Sorte Spring Lady (gelbfleischig), die Sorte Helene (weissfleischig) und Tellerpfirsiche (weissfleischig). Unser Sortiment somit: Aprikosen, Pfirsiche und Himbeeren. Wir freuen...

Aprikosen

Aprikosen

Die Aprikosenernte ist in vollem Gange! Bei den aktuellen Temperaturen reifen unsere Aprikosen rasch und haben ein fantastisches Aroma! Aktuelle Sorten: PinkCot und Orangered Zudem werden täglich frische Himbeeren geerntet. Unser Hofladen ist nun wieder Montag -...

Aprikosen-Saison, Öffnungszeiten

Aprikosen-Saison, Öffnungszeiten

Die Aprikosen-Saison ist nun richtig gestartet! Bei den heissen Temperaturen kann man dem leckeren Steinobst fast schon zuschauen beim reifen! Mhhh! Unser  Hofladen ist nun wieder wie folgt geöffnet: Montag - Freitag 10.00 - 18.30 Uhr Am Samstag bleibt der Hofladen...

Spargelsaison beendet/ Start Himbeeren

Spargelsaison beendet/ Start Himbeeren

Die Spargelsaison ist zu Ende. Wie immer, mit einem lachenden und einem tränenden Auge blicken wir auf die Saison zurück. Auch wenn sehr streng, ist die Spargelsaison doch etwas ganz Besonderes mit vielen schönen und auch interessanten Begegnungen. Vielen Dank für...

Saison Endspurt

Saison Endspurt

Geschätzte Kundschaft, Liebe Spargelfreunde Die Spargelsaison 2023 geht den Ende zu. Der Hofladen bleibt noch bis am Mittwoch offen, solange es noch Spargel hat, danach gibts einige Tage "Pause". Aktuell hat es noch eine schöne Auswahl an verschiedenen Sortierungen,...

Start Spargelsaison 2023

Start Spargelsaison 2023

Geschätzte Spargelfreunde, Liebe Kunden! Es ist soweit: die Spargelsaison 2023 hat begonnen!  Trotz noch immer eher kühleren Temperaturen können wir nun wieder täglich frischen Spargel ernten, weissen sowie auch grünen Spargel. Gerne begrüssen wir Sie wieder bei uns...

Aktuelles Käsesortiment

Aktuelles Käsesortiment

Aktuell im Hofladen erhalten Sie wieder das feine Maraner Fondue der Sennerei Maran, fix fertig in Beuteln für 2 oder 3 Personen. Bei grösseren Mengen gerne auf Vorbestellung bis Dienstagabend. Weiterhin erhältlich: Churer Alpkäse 2022, Alpbutter, Walserkäse rezent...

Himbeeren

Himbeeren

Die Himbeersaison geht in den Endspurt! Wir haben diese Woche nochmals zusätzlich am Abend geöffnet: Montag - Donnerstag 16.00 - 18.30 Uhr / Freitag 10.00 - 18.30 Uhr / Samstag 09.00 - 12.00 Uhr Wir freuen uns auf Ihren Besuch!    

Zwetschgen und Mirabellen

Zwetschgen und Mirabellen

Es ist soweit: Zwetschgen und Mirabellen (Palögali wie wir in Khur sagen) sind nun im Hofladen und samstags auch am Churer Wochenmarkt erhältlich. Unser aktuelles Sortiment: Aprikosen (bis ca. Ende August), Pfirsiche (bis ca. Ende September), Zwetschgen (bis ca. Ende...

Pfirsiche

Pfirsiche

Seit nun einer Woche können wir auch unsere feinen Pfirsiche ernten. Aktuell ernten wir die Sorte Spring Lady (gelbfleischig), die Sorte Helene (weissfleischig) und Tellerpfirsiche (weissfleischig). Unser Sortiment somit: Aprikosen, Pfirsiche und Himbeeren. Wir freuen...

Aprikosen

Aprikosen

Die Aprikosenernte ist in vollem Gange! Bei den aktuellen Temperaturen reifen unsere Aprikosen rasch und haben ein fantastisches Aroma! Aktuelle Sorten: PinkCot und Orangered Zudem werden täglich frische Himbeeren geerntet. Unser Hofladen ist nun wieder Montag -...

Aprikosen-Saison, Öffnungszeiten

Aprikosen-Saison, Öffnungszeiten

Die Aprikosen-Saison ist nun richtig gestartet! Bei den heissen Temperaturen kann man dem leckeren Steinobst fast schon zuschauen beim reifen! Mhhh! Unser  Hofladen ist nun wieder wie folgt geöffnet: Montag - Freitag 10.00 - 18.30 Uhr Am Samstag bleibt der Hofladen...

Spargelsaison beendet/ Start Himbeeren

Spargelsaison beendet/ Start Himbeeren

Die Spargelsaison ist zu Ende. Wie immer, mit einem lachenden und einem tränenden Auge blicken wir auf die Saison zurück. Auch wenn sehr streng, ist die Spargelsaison doch etwas ganz Besonderes mit vielen schönen und auch interessanten Begegnungen. Vielen Dank für...

Saison Endspurt

Saison Endspurt

Geschätzte Kundschaft, Liebe Spargelfreunde Die Spargelsaison 2023 geht den Ende zu. Der Hofladen bleibt noch bis am Mittwoch offen, solange es noch Spargel hat, danach gibts einige Tage "Pause". Aktuell hat es noch eine schöne Auswahl an verschiedenen Sortierungen,...

Start Spargelsaison 2023

Start Spargelsaison 2023

Geschätzte Spargelfreunde, Liebe Kunden! Es ist soweit: die Spargelsaison 2023 hat begonnen!  Trotz noch immer eher kühleren Temperaturen können wir nun wieder täglich frischen Spargel ernten, weissen sowie auch grünen Spargel. Gerne begrüssen wir Sie wieder bei uns...

Aktuelles Käsesortiment

Aktuelles Käsesortiment

Aktuell im Hofladen erhalten Sie wieder das feine Maraner Fondue der Sennerei Maran, fix fertig in Beuteln für 2 oder 3 Personen. Bei grösseren Mengen gerne auf Vorbestellung bis Dienstagabend. Weiterhin erhältlich: Churer Alpkäse 2022, Alpbutter, Walserkäse rezent...

Himbeeren

Himbeeren

Die Himbeersaison geht in den Endspurt! Wir haben diese Woche nochmals zusätzlich am Abend geöffnet: Montag - Donnerstag 16.00 - 18.30 Uhr / Freitag 10.00 - 18.30 Uhr / Samstag 09.00 - 12.00 Uhr Wir freuen uns auf Ihren Besuch!    

Zwetschgen und Mirabellen

Zwetschgen und Mirabellen

Es ist soweit: Zwetschgen und Mirabellen (Palögali wie wir in Khur sagen) sind nun im Hofladen und samstags auch am Churer Wochenmarkt erhältlich. Unser aktuelles Sortiment: Aprikosen (bis ca. Ende August), Pfirsiche (bis ca. Ende September), Zwetschgen (bis ca. Ende...

Pfirsiche

Pfirsiche

Seit nun einer Woche können wir auch unsere feinen Pfirsiche ernten. Aktuell ernten wir die Sorte Spring Lady (gelbfleischig), die Sorte Helene (weissfleischig) und Tellerpfirsiche (weissfleischig). Unser Sortiment somit: Aprikosen, Pfirsiche und Himbeeren. Wir freuen...

Aprikosen

Aprikosen

Die Aprikosenernte ist in vollem Gange! Bei den aktuellen Temperaturen reifen unsere Aprikosen rasch und haben ein fantastisches Aroma! Aktuelle Sorten: PinkCot und Orangered Zudem werden täglich frische Himbeeren geerntet. Unser Hofladen ist nun wieder Montag -...