Over mij blok HTML-sjabloon

Een beeldgestuurde sectie voor statische HTML-composities

De portretfoto vormt het eerste aandachtspunt, terwijl de overlappende onderste rij de sectie een duidelijke leesvolgorde geeft. Het opvallend rode paneel aan de linkerkant bevat de kop 'over', en het witte paneel aan de rechterkant biedt plaats aan de toelichtende alinea. Door deze scheiding blijven de afbeelding, het label en de toelichting visueel duidelijk te onderscheiden wanneer het blok op een statische HTML-pagina wordt geplaatst.

De warme beige achtergrond verzacht het contrast tussen het grote afbeeldingsvlak en het rode accentpaneel. Grote schreefletters geven de kop meer visueel gewicht dan de kleinere grijze broodtekst, zodat bezoekers de sectie kunnen herkennen voordat ze de uitleg lezen. De overlap aan de onderrand van de afbeelding creëert bovendien een vloeiende overgang tussen de visuele introductie en het tekstgedeelte, in plaats van de elementen als losse rijen onder elkaar te plaatsen.

Als kant-en-klare statische sectie kan het blok een introductieboodschap overbrengen, terwijl aangrenzende HTML-secties navigatie, aanvullende inhoud of contactgegevens bevatten. De kracht schuilt in de evenwichtige relatie tussen één portret, één label en één toelichtingspaneel. De lay-out kan daarom eenvoudig in een statische pagina worden ingepast met behoud van de oorspronkelijke visuele ordening en gerichte inhoudelijke functie.