Intro blok met filter
Deze blok zal meestal bovenaan de pagina geplaatst worden voor de titel. En kan voorzien worden van een filter voor onderliggende pagina's.
Intro blok met filter
Dit is een identieke bouwblok als hier boven, maar dan zonder links aan gekoppeld. De tekst zal links meer inspringen en de gele blok met links is niet zichtbaar.
Intro blok met navigatie
Dit is eveneens een intro blok, maar dan voorzien van onderliggende navigatie links, en de keuze om ook het potlood weer te geven.
Intro blok met navigatie
Identieke blok als hierboven maar zonder potlood, en zonder navigatie links.
Afbeelding breed links, tekst rechts
Gelijkaardige bouwblok als hierboven maar de afbeelding zal uitvergroot worden tot aan de rand van het scherm.
Afbeelding links, tekst rechts
Een bouwblok met een afbeelding aan de linkerkant (instelbaar in grootte) en rechts daarvan tekst die centraal is uitgelijnd.
Het is ook mogelijk om al dan niet paperclips (enkel/dubbel) op de foto te plaatsen. De afbeelding wordt geschaald op een max. breedte, de hoogte past zich automatisch aan.
Afbeelding rechts, tekst links
Bouwblok waarbij de afbeelding aan de rechterkant zal gepositioneerd worden, met links daarvan gecentreerd de tekst. Ook hier is het mogelijk om enkele of dubbele paperclips aan de afbeelding toe te voegen. De afbeelding wordt geschaald op een max. breedte, de hoogte past zich automatisch aan.
Afbeelding rechts, tekst links op grijze achtergrond met eventuele CTA
Weergave van tekst op een grijze achtergrond. De foto zal aan de rechterkant geplaatst worden en +/- 50% hoger uitkomen dan de tekst. Een veld voor een link (CTA) is voorzien en wordt centraal uitgelijnd op de onderkant van het grijze vlak.
Korte titel
Banner : afbeelding met gecentreerde titel op gele achtergrond
Banner : Afbeelding met tekst rechts
De tekst wordt rechts onderaan op een witte achtergrond geplaatst. De afbeelding is een groot formaat.
Dit is een titel voor bij de afbeelding en wordt
automatisch in de juiste font geplaatst. De titel
kan al dan niet links inspringen, de afbeelding kan
voorzien worden van een enkele/dubbele paperclip
Banner : Full width afbeelding
met titel en eventuele intro
De tekst is optioneel en wordt onder de afbeelding weergegeven, rechts uitgelijnd. Ook deze bouwblok is goed om bovenaan de pagina te plaatsen als introductie. De titel kan dan best in een H1-tag geplaatst worden. (1 H1-tag gebruiken per pagina)
Banner : Grote afbeelding
met titel en subtitel
Kleine afbeelding met titel
De afbeelding loopt door tot de rechterkant van het scherm.
goed als titel boven een blok
gecentreerd uit te lijnen
Citaat met afbeelding en tekst
Dit is een quote van een klant, case, ....
Hier kan meer tekst komen omtrent de afbeelding, algemene informatie, enz... deze tekst wordt links uitgelijnd van de afbeelding.
CTA met afbeelding en tekst
De tekst komt op een grijze achtergrond te staan en wordt onderaan rechts uitgelijnd van de afbeelding.
Hier kan wat algemene tekst komen.
De tekst van de CTA springt links in en heeft een beperkte breedte. Hier kan ook een link geplaatst worden naar een andere pagina.
Hier komt de tekst, die op een grijze achtergrond zal geplaatst worden.
Image grid versie 1
Een image grid is een weergave van afbeeldingen en tekst. Hiervan zijn verschillende versies mogelijk.
Image grid versie 2
Sed porttitor lectus nibh. Donec sollicitudin molestie malesuada. Donec rutrum congue leo eget malesuada. Cras ultricies ligula sed magna dictum porta. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem.
Image grid versie 2
Sed porttitor lectus nibh. Donec sollicitudin molestie malesuada. Donec rutrum congue leo eget malesuada. Cras ultricies ligula sed magna dictum porta. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem.
Image grid versie 3
Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Donec sollicitudin molestie malesuada. Pellentesque in ipsum id orci porta dapibus. Pellentesque in ipsum id orci porta dapibus.
Curabitur non nulla sit amet nisl tempus convallis quis ac lectus.
Image grid versie 4
Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Curabitur aliquet quam id dui posuere blandit. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Sed porttitor lectus nibh. Sed porttitor lectus nibh.
Image grid versie 4
Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Curabitur aliquet quam id dui posuere blandit. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Sed porttitor lectus nibh. Sed porttitor lectus nibh.
Image grid versie 4
Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Curabitur aliquet quam id dui posuere blandit. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Sed porttitor lectus nibh. Sed porttitor lectus nibh.
Image grid versie 5
Donec sollicitudin molestie malesuada. Donec sollicitudin molestie malesuada. Curabitur aliquet quam id dui posuere blandit. Sed porttitor lectus nibh. Donec rutrum congue leo eget malesuada.
Image grid versie 5
Donec sollicitudin molestie malesuada. Donec sollicitudin molestie malesuada. Curabitur aliquet quam id dui posuere blandit. Sed porttitor lectus nibh. Donec rutrum congue leo eget malesuada.
Image grid versie 5
Donec sollicitudin molestie malesuada. Donec sollicitudin molestie malesuada. Curabitur aliquet quam id dui posuere blandit. Sed porttitor lectus nibh. Donec rutrum congue leo eget malesuada.
Image grid versie 6
Proin eget tortor risus. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Nulla quis lorem ut libero malesuada feugiat. Cras ultricies ligula sed magna dictum porta.
Inhoudsblok in 2 kolommen
Donec sollicitudin molestie malesuada. Donec rutrum congue leo eget malesuada. Sed porttitor lectus nibh. Donec rutrum congue leo eget malesuada. Proin eget tortor risus.
Inhoudsblok in 2 kolommen
Donec sollicitudin molestie malesuada. Donec rutrum congue leo eget malesuada. Sed porttitor lectus nibh. Donec rutrum congue leo eget malesuada. Proin eget tortor risus.
Tekstblok - standaard
Pellentesque in ipsum id orci porta dapibus. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Proin eget tortor risus. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Sed porttitor lectus nibh.
Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Donec rutrum congue leo eget malesuada. Nulla quis lorem ut libero malesuada feugiat. Vivamus suscipit tortor eget felis porttitor volutpat.
Tekstblok - links ingesprongen
Pellentesque in ipsum id orci porta dapibus. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Proin eget tortor risus. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Sed porttitor lectus nibh.
Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Donec rutrum congue leo eget malesuada. Nulla quis lorem ut libero malesuada feugiat. Vivamus suscipit tortor eget felis porttitor volutpat.
Tekstblok - klein
Pellentesque in ipsum id orci porta dapibus. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Proin eget tortor risus. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Sed porttitor lectus nibh.
Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Donec rutrum congue leo eget malesuada. Nulla quis lorem ut libero malesuada feugiat. Vivamus suscipit tortor eget felis porttitor volutpat.
Tekst blok op grijze achtergrond
Tekst blok op grijze achtergrond
Cras ultricies ligula sed magna dictum porta. Sed porttitor lectus nibh. Sed porttitor lectus nibh. Donec rutrum congue leo eget malesuada. Donec sollicitudin molestie malesuada.
Tekst kolom met icoon
Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Sed porttitor lectus nibh. Curabitur aliquet quam id dui posuere blandit. Proin eget tortor risus. Sed porttitor lectus nibh.
Tekst kolom met icoon
Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Sed porttitor lectus nibh. Curabitur aliquet quam id dui posuere blandit. Proin eget tortor risus. Sed porttitor lectus nibh.
Tekst kolom met icoon
Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Sed porttitor lectus nibh. Curabitur aliquet quam id dui posuere blandit. Proin eget tortor risus. Sed porttitor lectus nibh.
I drew a line
I drew a line for you
Oh, what a thing to do
And it was all yellow
[Coldplay]
Say
byebye to
your boring
office
From
showroom
to
whowroom
beam
me up
for your
pop-up
wij creëren
ruimtes
met jouw
eigen merk-
indentiteit
