Mental hälsa HTML-mall

En färdig informationssektion för statisk HTML

Etiketten ”Varje sinne räknas”, rubriken i två nivåer, rådgivningsstycket, porträttet och markören ”01” samverkar redan som en komplett informationssektion. Texten i mitten bär det informativa syftet: ”Sitt inte” inleder anvisningen, ”klistrad vid nyheterna” fullbordar den, och stycket förtydligar att tiden man lägger på att titta, läsa eller lyssna på nyheter om utbrottet, inklusive sociala medier, bör begränsas. Porträttet med munskydd tillför visuell kontext utan att ersätta den skrivna förklaringen.

På en statisk HTML-sida kan detta block fungera som en hälsorådgivande sektion eller informationsmodul mitt på sidan, medan resten av sidan rymmer övriga innehållsytor. Dess tredelade horisontella struktur ger den omslutande sidan en tydlig visuell paus: bilden till vänster drar till sig uppmärksamhet, mitten levererar det läsbara budskapet och siffran ”01” till höger signalerar en numrerad sekvens eller redaktionell fördjupning. Eftersom interaktionen är statisk kommunicerar sektionen genom sin komposition och typografi snarare än genom flikar, bildspel, formulär eller expanderbara element.

Blocket är färdigbyggt på sektionsnivå, vilket innebär att text, bildbehandling, marginaler och typografi kan anpassas till det omslutande statiska projektet utan att kompromissa med att det utgör ett återanvändbart innehållsområde. Om det större projektet exporteras omfattar HTML-exporten hela sidan eller webbplatsen runt sektionen, inte detta block som en fristående webbplats.