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.
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
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.
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
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.