Vårt uppdrag HTML-mall

En sektion med porträtt och uttalande, redo för statisk HTML

Porträttet, textrutan och missionstexten bildar redan en sammanhängande sektion för organisationspresentation. Till vänster överlappar det beskurna porträttet en klarblågrön geometrisk rektangel, medan den ljusgröna panelen vid nederkanten anger personens namn och ledarroll. Till höger skapar rubriken "Vår mission" och den förklarande texten en kompakt yta som lyfter fram forskare, ingenjörer, system, tekniker och energiprojekt. Sektionen kan därmed förmedla ett uppdrag som en samlad, fristående innehållsenhet.

När detta färdiga block används på en statisk HTML-sida kan det inta positionen för presentation eller mission, medan omgivande sektioner bygger upp sidans övergripande flöde. Dess statiska interaktion gör att budskapet är synligt direkt: besökare ser porträttbilden och missionsbeskrivningen tillsammans i stället för att klicka sig igenom flikar, bildspel eller expanderbara moduler. De asymmetriska kolumnerna ger dessutom sektionen en tillräckligt stark visuell identitet för att särskilja den från intilliggande introduktioner eller tjänstebeskrivningar, utan att extra innehåll behöver läggas till i blocket.

De gröna lagren utgör en integrerad del av kompositionen och är inte bara fristående dekoration. De ramar in porträttet, bär upp bildtexten och återspeglar det dekorativa elementet intill rubriken. Den övergripande sidan kan kompletteras med navigering, ytterligare organisationsinformation eller senare interaktionspunkter runt sektionen, samtidigt som blocket behåller sitt fokuserade syfte. Det gör det till en färdig statisk sektion, snarare än en fullständig HTML-sida eller webbplats.