Voorbeeldtekst HTML-sjabloon

Een afgeronde tweekolomssectie, klaar voor plaatsing in statische HTML

De kop, twee alinea's en de Over ons-knop vormen al een samenhangend gedeelte voor een bedrijfsintroductie in plaats van een losse verzameling tekstelementen. De bredere linkerkolom bevat de belangrijkste boodschap en de actie, terwijl de smallere rechterkolom de sectie een tweede leesroute biedt voor ondersteunende informatie. Dankzij deze opzet brengt het blok een introductie over binnen één afgebakend kader, waarbij de knop visueel gekoppeld blijft aan de hoofdtekst in plaats van te concurreren met de ondersteunende alinea.

De lichtgrijze achtergrond en de sterk afgeronde buitenhoeken versterken deze op zichzelf staande functie. Ze scheiden het blok van omliggende content, terwijl de donkere typografie de kop en alinea's goed leesbaar houdt. De felgroene knop vormt het enige krachtige kleuraccent, waardoor het beoogde Over ons-doel eenvoudig te vinden is zonder dat er extra bedieningselementen of interacties nodig zijn. De lay-out is statisch; de bruikbaarheid komt dan ook voort uit de groepering van de inhoud en de visuele hiërarchie, en niet uit een slider, formulier of uitklapbaar onderdeel.

Binnen een statische HTML-pagina kan dit blok worden ingevoegd als één kant-en-klare Over ons-sectie, terwijl de omliggende code de rest van de pagina verzorgt. Andere secties kunnen het onderwerp inleiden, diensten beschrijven of contactgegevens bevatten; deze richt zich puur op de bedrijfsintroductie. De bestaande structuur zorgt ervoor dat de balans tussen de linker- en rechtertekst niet opnieuw hoeft te worden opgebouwd, terwijl de pagina zelf verantwoordelijk blijft voor de navigatie en de bredere compositie.