Voorstel kleurgebruik

H1 - Pagina Titel

Gebruik voor H1-koppen de marineblauwe kleur (#003366) voor een sterke en professionele uitstraling.

H1 - Titel op Foto

Op kleurrijke achtergronden of foto's is wit de beste keuze om contrast en leesbaarheid te garanderen.

H2 - Paragraaf Titel

Gebruik grijstinten zoals #4A4A4A voor H2-koppen om hiërarchie aan te geven zonder af te leiden.

H2 - Titel op gekleurde achtergrond

Wit is ideaal voor teksten op marineblauwe achtergronden.

H3 - Subtitel

Voor subtitels in H3 is een lichtere grijstint (#7F7F7F) een uitstekende keuze.

H3 - Subtitel op gekleurde achtergrond

Marineblauw (#003366) biedt een mooi contrast op lichtere achtergronden.

Standaard link
Link bij hover (voorbeeld)

Gekleurd vlak met een knop:

"Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit quam at sapien malesuada, id posuere odio aliquam."

Call to Action Blok

Footer

Kop 1 Kop 2
Data 1 Data 2

Roboto Slab

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vel urna nec libero fermentum interdum. Nam pharetra metus nec quam tincidunt, a pellentesque mauris sollicitudin.

Subtitel met Roboto Slab

Proin suscipit mauris at orci volutpat, a facilisis libero venenatis.

Open Sans

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vel urna nec libero fermentum interdum. Nam pharetra metus nec quam tincidunt, a pellentesque mauris sollicitudin.

Subtitel met Open Sans

Proin suscipit mauris at orci volutpat, a facilisis libero venenatis.

Voorstel onderdelen

Een blok met een bal als achtergrond:

Sowieso kunnen we dingen uit de agenda op de homepagina plaatsen in een apart Agenda blok!

Contact / actieparagraaf met afbeelding en groenfilter eroverheen:


Tekst met actieblok:


Bijzondere kop:


Blok met afbeelding en tekst:


Hou er wel rekening mee dat deze blokken wat meer werk zijn dan de 1-1,5 uur die ik eerder noemde voor de homepage.



 

test

H1 - Pagina Titel

Gebruik voor H1-koppen de marineblauwe kleur (#4B0082) voor een sterke en professionele uitstraling.

H1 - Titel op Foto

Op kleurrijke achtergronden of foto's is wit de beste keuze om contrast en leesbaarheid te garanderen.

H2 - Paragraaf Titel

Gebruik grijstinten zoals #4A4A4A voor H2-koppen om hiërarchie aan te geven zonder af te leiden.

H2 - Titel op gekleurde achtergrond

Wit is ideaal voor teksten op marineblauwe achtergronden.

H3 - Subtitel

Voor subtitels in H3 is een lichtere grijstint (#7F7F7F) een uitstekende keuze.

H3 - Subtitel op gekleurde achtergrond

Marineblauw (#4B0082) biedt een mooi contrast op lichtere achtergronden.

Standaard link
Link bij hover (voorbeeld)

Gekleurd vlak met een knop:

"Lorem ipsum dolor sit amet, consectetur adipiscing elit. In blandit quam at sapien malesuada, id posuere odio aliquam."

Call to Action Blok

Footer

Kop 1 Kop 2
Data 1 Data 2

Roboto Slab

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vel urna nec libero fermentum interdum. Nam pharetra metus nec quam tincidunt, a pellentesque mauris sollicitudin.

Subtitel met Roboto Slab

Proin suscipit mauris at orci volutpat, a facilisis libero venenatis.

Open Sans

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vel urna nec libero fermentum interdum. Nam pharetra metus nec quam tincidunt, a pellentesque mauris sollicitudin.

Subtitel met Open Sans

Proin suscipit mauris at orci volutpat, a facilisis libero venenatis.