Styleguide

Stichting Radius Leiden

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

13 + 5 =

2 + 5 =

6 + 6 =

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

Bewegen op leeftijd: fit de zomer in!

Radius start in juni weer met verschillende sportieve activiteiten, speciaal voor de mensen die hun vitaliteit willen behouden. En activiteiten die met aandacht en voorzichtigheid rekening houden met de eigen mogelijkheden. Acht weken lang is er vanaf week 23 (vanaf 7...

Vacature: twee sport- en beweegcoaches

Voor de gemeente Oegstgeest zoekt Radius twee sport- en beweegcoaches (6 tot 8 uur per week) Bewegen helpt mensen om fit en vitaal te blijven en samen bewegen is ook nog eens leuk. Het draagt bij aan het levensplezier. De coaches richten zich met name op inwoners van...

Pop-up vrijwilligerswinkel Lange Voort 17 t/m 20 mei

Van dinsdag 17 tot en met vrijdag 20 mei is er weer een ‘pop-up vrijwilligerswinkel’ in winkelcentrum Lange Voort, met daarin het complete aanbod aan vrijwilligersactiviteiten in Oegstgeest. De pop-up store is een samenwerking van Dorpskracht & Co en het NVOO...

Uitnodiging (lunch)bijeenkomst NAH

Maandag 16 mei a.s.12.30 - 14.00 uur (inloop vanaf 12.15 uur)Dorpscentrum Oegstgeest Graag nodigen wij mantelzorgers en geïnteresseerden uit voor een informatieve lunchbijeenkomst over niet-aangeboren hersenletsel (NAH), een samenwerking tussen Gemiva, Radius en...

Bewegen op leeftijd: gratis proeflessen op 24 en 25 mei

Komt u ook kennismaken met onze nieuwe beweegactiviteiten? Radius start weer met verschillende sportieve activiteiten, speciaal voor de mensen die hun vitaliteit willen behouden. Met aandacht en voorzichtigheid die nodig is bij mensen die op leeftijd zijn.Ter...

Thema Alzheimer Café: Gedragsverandering bij dementie

Alzheimer Café, donderdag 12 mei 2022, 19.30 uurSBO de Vlieger, Boerhaavelaan 298, Leiden Gedragsproblemen bij mensen met dementie komen vaak voor. Veel mensen met dementie vertonen vroeg of laat ander gedrag, zoals stemmingsveranderingen of depressie- en...

Gaat u ook mee naar Avifauna?

Gezellig met medebewoners van Oegstgeest op stap. Er zijn nog plaatsen vrij bij het uitje naar Avifauna met de Blauwe PlusBus! Vrijdag 24 juni staat een bezoek aan Avifauna op het programma. De kleurrijke lori's, kleine papegaaien, zijn dol op eten en aandacht; het...

Steun in huis nodig?

Radius ThuisSupport! Heeft u behoefte aan extra ondersteuning? Of degene waar u mantelzorger voor bent? De ThuisSupporters van Radius regelen het. Samen met u! Dit gaat om activiteiten die het zelfstandig wonen gemakkelijker maken, zoals: (samen) boodschappen doen en...

Nieuws over Dorpskracht & Co

Dorpskracht & Co stimuleert en ondersteunt de vrijwillige inzet in Oegstgeest. Het platform biedt een gratis omgeving waar vraag en aanbod van het vrijwilligerswerk samenkomen. Dorpskracht biedt naast de matchfunctie ook adviesgesprekken, scholingen en...

Bewegen op leeftijd: fit de zomer in!

Radius start in juni weer met verschillende sportieve activiteiten, speciaal voor de mensen die hun vitaliteit willen behouden. En activiteiten die met aandacht en voorzichtigheid rekening houden met de eigen mogelijkheden. Acht weken lang is er vanaf week 23 (vanaf 7...

Vacature: twee sport- en beweegcoaches

Voor de gemeente Oegstgeest zoekt Radius twee sport- en beweegcoaches (6 tot 8 uur per week) Bewegen helpt mensen om fit en vitaal te blijven en samen bewegen is ook nog eens leuk. Het draagt bij aan het levensplezier. De coaches richten zich met name op inwoners van...

Pop-up vrijwilligerswinkel Lange Voort 17 t/m 20 mei

Van dinsdag 17 tot en met vrijdag 20 mei is er weer een ‘pop-up vrijwilligerswinkel’ in winkelcentrum Lange Voort, met daarin het complete aanbod aan vrijwilligersactiviteiten in Oegstgeest. De pop-up store is een samenwerking van Dorpskracht & Co en het NVOO...

Uitnodiging (lunch)bijeenkomst NAH

Maandag 16 mei a.s.12.30 - 14.00 uur (inloop vanaf 12.15 uur)Dorpscentrum Oegstgeest Graag nodigen wij mantelzorgers en geïnteresseerden uit voor een informatieve lunchbijeenkomst over niet-aangeboren hersenletsel (NAH), een samenwerking tussen Gemiva, Radius en...

Bewegen op leeftijd: gratis proeflessen op 24 en 25 mei

Komt u ook kennismaken met onze nieuwe beweegactiviteiten? Radius start weer met verschillende sportieve activiteiten, speciaal voor de mensen die hun vitaliteit willen behouden. Met aandacht en voorzichtigheid die nodig is bij mensen die op leeftijd zijn.Ter...

Thema Alzheimer Café: Gedragsverandering bij dementie

Alzheimer Café, donderdag 12 mei 2022, 19.30 uurSBO de Vlieger, Boerhaavelaan 298, Leiden Gedragsproblemen bij mensen met dementie komen vaak voor. Veel mensen met dementie vertonen vroeg of laat ander gedrag, zoals stemmingsveranderingen of depressie- en...

Gaat u ook mee naar Avifauna?

Gezellig met medebewoners van Oegstgeest op stap. Er zijn nog plaatsen vrij bij het uitje naar Avifauna met de Blauwe PlusBus! Vrijdag 24 juni staat een bezoek aan Avifauna op het programma. De kleurrijke lori's, kleine papegaaien, zijn dol op eten en aandacht; het...

Steun in huis nodig?

Radius ThuisSupport! Heeft u behoefte aan extra ondersteuning? Of degene waar u mantelzorger voor bent? De ThuisSupporters van Radius regelen het. Samen met u! Dit gaat om activiteiten die het zelfstandig wonen gemakkelijker maken, zoals: (samen) boodschappen doen en...

Nieuws over Dorpskracht & Co

Dorpskracht & Co stimuleert en ondersteunt de vrijwillige inzet in Oegstgeest. Het platform biedt een gratis omgeving waar vraag en aanbod van het vrijwilligerswerk samenkomen. Dorpskracht biedt naast de matchfunctie ook adviesgesprekken, scholingen en...

Bewegen op leeftijd: fit de zomer in!

Radius start in juni weer met verschillende sportieve activiteiten, speciaal voor de mensen die hun vitaliteit willen behouden. En activiteiten die met aandacht en voorzichtigheid rekening houden met de eigen mogelijkheden. Acht weken lang is er vanaf week 23 (vanaf 7...

Vacature: twee sport- en beweegcoaches

Voor de gemeente Oegstgeest zoekt Radius twee sport- en beweegcoaches (6 tot 8 uur per week) Bewegen helpt mensen om fit en vitaal te blijven en samen bewegen is ook nog eens leuk. Het draagt bij aan het levensplezier. De coaches richten zich met name op inwoners van...

Pop-up vrijwilligerswinkel Lange Voort 17 t/m 20 mei

Van dinsdag 17 tot en met vrijdag 20 mei is er weer een ‘pop-up vrijwilligerswinkel’ in winkelcentrum Lange Voort, met daarin het complete aanbod aan vrijwilligersactiviteiten in Oegstgeest. De pop-up store is een samenwerking van Dorpskracht & Co en het NVOO...

Uitnodiging (lunch)bijeenkomst NAH

Maandag 16 mei a.s.12.30 - 14.00 uur (inloop vanaf 12.15 uur)Dorpscentrum Oegstgeest Graag nodigen wij mantelzorgers en geïnteresseerden uit voor een informatieve lunchbijeenkomst over niet-aangeboren hersenletsel (NAH), een samenwerking tussen Gemiva, Radius en...

Bewegen op leeftijd: gratis proeflessen op 24 en 25 mei

Komt u ook kennismaken met onze nieuwe beweegactiviteiten? Radius start weer met verschillende sportieve activiteiten, speciaal voor de mensen die hun vitaliteit willen behouden. Met aandacht en voorzichtigheid die nodig is bij mensen die op leeftijd zijn.Ter...

Thema Alzheimer Café: Gedragsverandering bij dementie

Alzheimer Café, donderdag 12 mei 2022, 19.30 uurSBO de Vlieger, Boerhaavelaan 298, Leiden Gedragsproblemen bij mensen met dementie komen vaak voor. Veel mensen met dementie vertonen vroeg of laat ander gedrag, zoals stemmingsveranderingen of depressie- en...

Gaat u ook mee naar Avifauna?

Gezellig met medebewoners van Oegstgeest op stap. Er zijn nog plaatsen vrij bij het uitje naar Avifauna met de Blauwe PlusBus! Vrijdag 24 juni staat een bezoek aan Avifauna op het programma. De kleurrijke lori's, kleine papegaaien, zijn dol op eten en aandacht; het...

Steun in huis nodig?

Radius ThuisSupport! Heeft u behoefte aan extra ondersteuning? Of degene waar u mantelzorger voor bent? De ThuisSupporters van Radius regelen het. Samen met u! Dit gaat om activiteiten die het zelfstandig wonen gemakkelijker maken, zoals: (samen) boodschappen doen en...

Nieuws over Dorpskracht & Co

Dorpskracht & Co stimuleert en ondersteunt de vrijwillige inzet in Oegstgeest. Het platform biedt een gratis omgeving waar vraag en aanbod van het vrijwilligerswerk samenkomen. Dorpskracht biedt naast de matchfunctie ook adviesgesprekken, scholingen en...