Newspark

Global Presets UI Style Guide

01.Color palette

In this part of the style guide, you can modify each color inside the Text Module’s background settings. Use that same color code inside the Text Module below it to have a written version of the color code too. Use these color codes inside your Divi Theme Builder default color palette afterward.

#FFFFFF

#F9F9F9

#f2f2f2

#e0e0e0

#444444

#000000

#F9F9F9

#e0e0e0

#444444

#000000

02. Text styles

In the second part of this style guide wireframe, you can style your different text types. You’re also provided with a primary, secondary and tertiary option, each of which you can afterwards turn into individual presets.

Primary

Secondary

Tertiary

Heading 1

Heading 1

Heading 1

Heading 1

Heading 2

Heading 2

Heading 2

Heading 2

Heading 3

Heading 3

Heading 3

Heading 3

Heading 4

Heading 4

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.

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.

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

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

15 + 14 =

7 + 14 =

5 + 3 =

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

Menditect Meetup

Menditect Meetup

Op woensdagavond 8 december 2021 om 18:30 uur hebben zo’n 25 mensen de moeite genomen om naar de meetup over Menditect te komen. Graag hadden we vanuit Newspark iedereen op ons kantoor in Nieuwegein een maaltijd aangeboden en een goede kop koffie, maar helaas kon dat niet vanwege de huidige Corona-maatregelen. Iedereen kon dan ook gewoon thuis aanloggen op https://www.meetup.com/nl-NL/Innovative-Test-Automation-NL/events/281417697/

1e puzzel-prijswinnaars bekend, word jij de volgende?

1e puzzel-prijswinnaars bekend, word jij de volgende?

Een mooi Nederlands speciaalbier pakket voor Didier uit België Een persoonlijk gebrachte speciale fles wijn voor Herma De 1e prijswinnaars van de puzzels zijn bekend en hebben hun prijs in ontvangst mogen nemen. Onderstaand de 3e puzzel. Weet jij de juiste oplossing...

Puzzel je mee? Vind de fout(en)!

Puzzel je mee? Vind de fout(en)!

Deze maand (November) hebben we weer een puzzel bedacht. Dit keer is het een stukje (Java) code met een aantal foutjes erin. Stuur een mailtje met de fouten die jij gezien hebt naar puzzel@newspark.nl en maak kans op mooie prijzen.

KENNIS NIEUWSBRIEF – KORTE DAGEN EDITIE

KENNIS NIEUWSBRIEF – KORTE DAGEN EDITIE

Het zijn de donkerste en kortste dagen. Laat licht en vroeg donker. Gelukkig blijft het schijnsel van je monitor branden en kun je gewoon meedoen met meetups, kijken naar video’s en blog posts lezen! En meedoen met de puzzel van deze maand.  We organiseren bij...

KENNIS NIEUWSBRIEF – NIEUWE DINGEN EDITIE

KENNIS NIEUWSBRIEF – NIEUWE DINGEN EDITIE

Hier is weer je maandelijkse test, tech en kennisnieuwsbrief. Meetups, conferenties en leuke vondsten op internet zijn er weer genoeg. Ook hebben we weer een leuke puzzel deze maand!  Kom uit je sleur en begin eens iets nieuws! Neem een nieuwe hobby (behavior driven...

Newspark Trainingsweekend 2021 – Blog 2

Newspark Trainingsweekend 2021 – Blog 2

Eerste avond met spareribs en survival Eindelijk was het zover en kon het Newspark Trainingsweekend 2021 beginnen. Het was vrijdagavond zo rond de klok van 17:00 uur toen we één voor één binnen druppelden in de gehuurde 32-persoons villa in Europarcs De Biesbosch....

Menditect Meetup

Menditect Meetup

Op woensdagavond 8 december 2021 om 18:30 uur hebben zo’n 25 mensen de moeite genomen om naar de meetup over Menditect te komen. Graag hadden we vanuit Newspark iedereen op ons kantoor in Nieuwegein een maaltijd aangeboden en een goede kop koffie, maar helaas kon dat niet vanwege de huidige Corona-maatregelen. Iedereen kon dan ook gewoon thuis aanloggen op https://www.meetup.com/nl-NL/Innovative-Test-Automation-NL/events/281417697/

1e puzzel-prijswinnaars bekend, word jij de volgende?

1e puzzel-prijswinnaars bekend, word jij de volgende?

Een mooi Nederlands speciaalbier pakket voor Didier uit België Een persoonlijk gebrachte speciale fles wijn voor Herma De 1e prijswinnaars van de puzzels zijn bekend en hebben hun prijs in ontvangst mogen nemen. Onderstaand de 3e puzzel. Weet jij de juiste oplossing...

Puzzel je mee? Vind de fout(en)!

Puzzel je mee? Vind de fout(en)!

Deze maand (November) hebben we weer een puzzel bedacht. Dit keer is het een stukje (Java) code met een aantal foutjes erin. Stuur een mailtje met de fouten die jij gezien hebt naar puzzel@newspark.nl en maak kans op mooie prijzen.

KENNIS NIEUWSBRIEF – KORTE DAGEN EDITIE

KENNIS NIEUWSBRIEF – KORTE DAGEN EDITIE

Het zijn de donkerste en kortste dagen. Laat licht en vroeg donker. Gelukkig blijft het schijnsel van je monitor branden en kun je gewoon meedoen met meetups, kijken naar video’s en blog posts lezen! En meedoen met de puzzel van deze maand.  We organiseren bij...

KENNIS NIEUWSBRIEF – NIEUWE DINGEN EDITIE

KENNIS NIEUWSBRIEF – NIEUWE DINGEN EDITIE

Hier is weer je maandelijkse test, tech en kennisnieuwsbrief. Meetups, conferenties en leuke vondsten op internet zijn er weer genoeg. Ook hebben we weer een leuke puzzel deze maand!  Kom uit je sleur en begin eens iets nieuws! Neem een nieuwe hobby (behavior driven...

Newspark Trainingsweekend 2021 – Blog 2

Newspark Trainingsweekend 2021 – Blog 2

Eerste avond met spareribs en survival Eindelijk was het zover en kon het Newspark Trainingsweekend 2021 beginnen. Het was vrijdagavond zo rond de klok van 17:00 uur toen we één voor één binnen druppelden in de gehuurde 32-persoons villa in Europarcs De Biesbosch....

Menditect Meetup

Menditect Meetup

Op woensdagavond 8 december 2021 om 18:30 uur hebben zo’n 25 mensen de moeite genomen om naar de meetup over Menditect te komen. Graag hadden we vanuit Newspark iedereen op ons kantoor in Nieuwegein een maaltijd aangeboden en een goede kop koffie, maar helaas kon dat niet vanwege de huidige Corona-maatregelen. Iedereen kon dan ook gewoon thuis aanloggen op https://www.meetup.com/nl-NL/Innovative-Test-Automation-NL/events/281417697/

1e puzzel-prijswinnaars bekend, word jij de volgende?

1e puzzel-prijswinnaars bekend, word jij de volgende?

Een mooi Nederlands speciaalbier pakket voor Didier uit België Een persoonlijk gebrachte speciale fles wijn voor Herma De 1e prijswinnaars van de puzzels zijn bekend en hebben hun prijs in ontvangst mogen nemen. Onderstaand de 3e puzzel. Weet jij de juiste oplossing...

Puzzel je mee? Vind de fout(en)!

Puzzel je mee? Vind de fout(en)!

Deze maand (November) hebben we weer een puzzel bedacht. Dit keer is het een stukje (Java) code met een aantal foutjes erin. Stuur een mailtje met de fouten die jij gezien hebt naar puzzel@newspark.nl en maak kans op mooie prijzen.

KENNIS NIEUWSBRIEF – KORTE DAGEN EDITIE

KENNIS NIEUWSBRIEF – KORTE DAGEN EDITIE

Het zijn de donkerste en kortste dagen. Laat licht en vroeg donker. Gelukkig blijft het schijnsel van je monitor branden en kun je gewoon meedoen met meetups, kijken naar video’s en blog posts lezen! En meedoen met de puzzel van deze maand.  We organiseren bij...

KENNIS NIEUWSBRIEF – NIEUWE DINGEN EDITIE

KENNIS NIEUWSBRIEF – NIEUWE DINGEN EDITIE

Hier is weer je maandelijkse test, tech en kennisnieuwsbrief. Meetups, conferenties en leuke vondsten op internet zijn er weer genoeg. Ook hebben we weer een leuke puzzel deze maand!  Kom uit je sleur en begin eens iets nieuws! Neem een nieuwe hobby (behavior driven...

Newspark Trainingsweekend 2021 – Blog 2

Newspark Trainingsweekend 2021 – Blog 2

Eerste avond met spareribs en survival Eindelijk was het zover en kon het Newspark Trainingsweekend 2021 beginnen. Het was vrijdagavond zo rond de klok van 17:00 uur toen we één voor één binnen druppelden in de gehuurde 32-persoons villa in Europarcs De Biesbosch....