__Sjabloon Diensten – 1a
De titel hierboven leeglaten, dan zie je de standaard paginatitel. Hier kan dus een voettekst onder de Titel (indien nodig)
Subtitel
Alineatekst / Intro / blabla
Foto rechts heeft hier nog rechte hoekjes. Het zou heel fijn zijn als we dat met een functie in WordPress kunnen selecteren (dus zonder Photoshop).
Tekstblok versie 1
Deze Column is nu 125rem (was in eerdere tests 1230px). Dat lijkt de kolombreedte die op meer plekken wordt gebruikt. Dit lijnt ook ongeveer uit met de Titel in de Hero hierboven.
(Dit blok had een padding links/rechts van 16 rem, die heb ik weer weggehaald na overstap op Column-breedte via rem.)
Dit geeft nu max. circa 140 leestekens op een regel bij grote vensters. Breder moeten we voor grotere tekstblokken niet gaan.
(Deze alinea is niet meer actueel na nieuwe tests:) Maar bij iets kleinere vensters ging het tot ca. 180 tekens per regel door de font-scaling, dus dat gaat nog niet goed. Dit moeten we nader uitzoeken! Hopelijk gaat dit beter als het probleem met die font-scaling wordt opgelost.)
Vestibulum porta, odio quis bibendum ultricies, nulla turpis malesuada quam, faucibus tincidunt sapien augue vel libero. Curabitur quis faucibus lectus, eu venenatis lorem. Fusce consequat ut dui lacinia viverra. Duis porttitor iaculis magna eu tempor. Fusce molestie, nisi ac posuere pellentesque, tortor ex sodales lacus, vel maximus metus diam sed libero. Nulla tempus turpis eget sem imperdiet varius. Etiam laoreet dignissim ipsum. Nam posuere blandit dolor in feugiat.
1abcdefgh 2abcdefgh 3abcdefgh 4abcdefgh 5abcdefgh 6abcdefgh 7abcdefgh 8abcdefgh 9abcdefgh 10bcdefgh 11bcdefgh 12bcdefgh 13bcdefgh 14bcdefgh 15bcdefgh 16bcdefgh 17bcdefgh 18bcdefgh 19bcdefgh 20bcdefgh
We stemmen alles op elkaar af. Dit vormt één helder plan dat past bij je project.
Titel van blok 1
Dit blok is een 'Summary'). Dit is de beschrijving ervan.
Hoge kwaliteitseisen
Strenge normen voor uptime en betrouwbaarheid.
Korte doorlooptijden
Snel schakelen zonder verlies van kwaliteit.
TItel Abc
Lorem ipsum
Technische integratie
Naadloze samenhang tussen alle disciplines.
Kolom 1
Marges links en rechts van de hoofd-Column heb ik hier op 0 gezet.
De vraag is wel of dat handig is.
Kolom 1 is 50% breed.
- Bouwkundig adviseur en architect
- Werktuigbouwkundig adviseur
- Elektrotechnisch adviseur
- Civieltechnisch adviseur
- Datacenteradviseur
- Technisch tekenaar
- Kostendeskundige
We stemmen alles op elkaar af. Dit vormt één helder plan dat past bij je project.
Kolom 2
De projectleider stuurt een integraal adviesteam aan en zorgt voor samenhang. In dat team werken onder andere:
- Bouwkundig adviseur en architect
- Werktuigbouwkundig adviseur
- Elektrotechnisch adviseur
- Civieltechnisch adviseur
- Datacenteradviseur
- Technisch tekenaar
- Kostendeskundige
We stemmen alles op elkaar af. Dit vormt één helder plan dat past bij je project.
Focus op resultaat
Hier heb ik de de Summary binnen een Column van 1230 px breed geplaatst. Zo vallen de witte blokjes binnen de basis-kolom van de hele pagina.
Onze integrale aanpak
Door slechts één item te gebruiken in dit blok, benutten we de visuele rust en focus van de pagina.
Kopje ABC
Het zou fijn zijn als we de blokjes kunnen centreren (bijv. als het er minder dan 4 zijn).
Subtitel H2
Hier stond een H1, maar die is erg groot en hoort sowieso misschien niet in dit blok? H1 is alleen voor het Hero-blok?
Dus dit niet grotere maken dan H2.
Tekstblok versie 2
Deze Column (niveau 2) heb ik aangepast naar 100% breedte.
Vestibulum porta, odio quis bibendum ultricies, nulla turpis malesuada quam, faucibus tincidunt sapien augue vel libero. Curabitur quis faucibus lectus, eu venenatis lorem. Fusce consequat ut dui lacinia viverra. Duis porttitor iaculis magna eu tempor. Fusce molestie, nisi ac posuere pellentesque, tortor ex sodales lacus, vel maximus metus diam sed libero. Nulla tempus turpis eget sem imperdiet varius. Etiam laoreet dignissim ipsum. Nam posuere blandit dolor in feugiat. Vivamus felis lacus, iaculis vitae dolor nec, bibendum convallis dolor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tristique odio justo, a ullamcorper quam sodales eget. Etiam cursus, nisi id pretium aliquam, elit turpis pharetra tellus, vitae varius dolor turpis vel elit. Etiam facilisis ex tellus, a iaculis leo porttitor eget. Proin porta mauris auctor quam bibendum, id maximus erat aliquam.
1abcdefgh 2abcdefgh 3abcdefgh 4abcdefgh 5abcdefgh 6abcdefgh 7abcdefgh 8abcdefgh 9abcdefgh 10bcdefgh 11bcdefgh 12bcdefgh 13bcdefgh 14bcdefgh 15bcdefgh 16bcdefgh 17bcdefgh 18bcdefgh 19bcdefgh 20bcdefgh
Dit blok heeft nu circa 140 leestekens op 1 regel., gebaseerd op blokbreedte van 1230 px. Dit is wel wat veel, dus daar moeten we voor waken. Goed nadenken dus over grotere tekstblokken. Het zou beter zijn al het basisfont wat groter kan worden.
Bij het optimaliseren van de leesbaarheid gelden de volgende specifieke richtlijnen:
- Voor geprinte media: Houd 45 tot 75 tekens per regel aan. Binnen deze bandbreedte kunnen de ogen soepel van het einde van de ene regel naar het begin van de volgende springen.
- Voor beeldschermen (desktop/web): Omdat de leesafstand vaak groter is, wordt hier een maximum van 120 tekens gehanteerd voor een enkele tekstkolom. (Op de huidige DVT-site gaat het soms tot max circa 140 leestekens).
- Meerdere kolommen: Gebruik je meerdere kolommen naast elkaar (zoals in een nieuwsbrief of op een website)? Mik dan op 40 tot 50 tekens per kolom.
De disciplines van DVTadvies
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Eén vast aanspreekpunt
De projectleider stuurt een integraal adviesteam aan en zorgt voor samenhang. In dat team werken onder andere:
- Bouwkundig adviseur en architect
- Werktuigbouwkundig adviseur
- Elektrotechnisch adviseur
- Civieltechnisch adviseur
- Datacenteradviseur
- Technisch tekenaar
- Kostendeskundige
We stemmen alles op elkaar af. Dit vormt één helder plan dat past bij je project.
Titel Xxx
Wil je weten wat dit voor jouw project betekent? Neem contact op met DVTadvies.
