MENU

Global Presets UI Style Guide – 123 WEBBOUW

PRIMAIRE KLEUREN

#FFFFFF

WIT

#333333

heading
1 + 2

#666666

body text
+ aanhef

#ff6600

ACCENT
KLEUR

#000000

ZWART

SECUNDAIRE KLEUREN

#4797cc

SECUNDAIR 1

#2e9f9d

SECUNDAIR 2

#9c5d7a

SECUNDAIR 3

#52a573

SECUNDAIR 4

GRADIENTS

#F9F9F9

#e0e0e0

#444444

#000000

TEXT STYLES

aanhef boven heading 1

  • Font: Georgia
  • Weight: Light
  • Style: Italic
  • Color: #666666
  • Size: 23 px
  • Spacing: 0 px
  • Line Height: 27 px
welkom bij Naam van Bedrijf

Heading 1 – alle pages

Titels, start nieuw hoofdonderwerp, slogans, aanhef boven bodytekst

  • Font: Montserrat
  • Weight: Ultra Bold
  • Style: Normal
  • Color: #333333
  • Size: 59 px
  • Spacing: -3 px
  • Line Height: 65 px

Website Experts En Hier Is Regel 2

Heading 2

wervingstekst in eigen kolom, aanhef boven bodytekst

  • Font: Montserrat
  • Weight: Ultra Bold
  • Style: Normal
  • Color: #333333
  • Size: 43 px
  • Spacing: -2 px
  • Line Height: 1.2em

free website

Body voor heading 1 + 2

  • Font: Open Sans
  • Weight: Light
  • Style: Normal
  • Color: #666666
  • Size: 21 px
  • Spacing: 0 px
  • Line Height: 34 px

It is hard to find reliable, 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.

Heading 3

Stevige heading

kan ook in accentkleur en secundaire kleuren

  • Font: Open Sans
  • Weight: Bold
  • Style: Normal
  • Color: #666666
  • Size: 18 px
  • Spacing: 0 px
  • Line Height: 20 px

Simple Website Solutions

Heading 4

lichte heading

  • Font: Open Sans
  • Weight: Regular
  • Style: Normal
  • Color: #ff6600
  • Size: 21 px
  • Spacing: 0 px
  • Line Height: 23 px

Simple Website Solutions

Body voor heading 3 + 4
  • Font: Open Sans
  • Weight: Light
  • Style: Normal
  • Color: #666666
  • Size: 17 px
  • Spacing: 0 px
  • Line Height: 27 px
Intro Bold (strong). De intro bestaat uit 1, maximaal 2 woorden die het hoofdonderwerp aangeven van de tekst. 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

MODULES

Font buttons

  • Font: Open Sans
  • Weight: Medium
  • Style: Medium of Semi Bold
  • Color: afhankelijk van kleur button
  • Size: 16 px
  • Spacing: 1 px
  • Line Height: 27 px

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

7 + 8 =

13 + 2 =

2 + 4 =

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

No Results Found

The page you requested could not be found. Try refining your search, or use the navigation above to locate the post.

No Results Found

The page you requested could not be found. Try refining your search, or use the navigation above to locate the post.

No Results Found

The page you requested could not be found. Try refining your search, or use the navigation above to locate the post.