Eenvoudig leven HTML-sjabloon

Manifest, richtlijnen, galerij en voettekst vormen samen een complete statische pagina

Het ontwerp combineert al de belangrijkste inhoudselementen die nodig zijn voor een zelfstandige inspiratiepagina. Een compacte header introduceert de context van Simple Living, de zoekfunctie en de navigatie. Het openingsgedeelte, dat uit twee delen bestaat, presenteert vervolgens het manifest met een groot portret, een wit tekstblok, een inleidende boodschap en een 'Meer informatie'-actie. Dit geeft de pagina een duidelijke start voordat de praktische richtlijnen voor geluk aan bod komen.

Het midden van de lay-out zorgt voor afwisseling zonder het onderwerp uit het oog te verliezen. Twee afwisselende paren van afbeeldingen en tekst presenteren de ideeën over het stoppen met ongezonde gewoonten en het vinden van sleutels tot een gelukkiger leven. Een apart gedeelte met 'Positieve herinneringen' biedt een ander gericht leespunt, terwijl de mozaïekgalerij grijsschaalfoto's combineert met citaten en reflecterende tekstblokken. Het laatste onderdeel, 'Wees geïnspireerd. Wees inspirerend.', keert terug naar een gesplitste compositie en sluit de inhoud af met een boodschap over zelfliefde en een andere actie.

Samen vormen deze onderdelen een samenhangende, op zichzelf staande HTML-structuur in plaats van een verzameling losse blokken. De donkerblauwgrijze en terracotta vlakken markeren de leeszones, terwijl herhaalde portretfoto's ze met elkaar verbinden. Een korte voettekst van drie kolommen zorgt voor een duidelijke afsluiting. De structuur kan daarom dienen als een kant-en-klaar statisch voorbeeld voor een zelfhulp- of positieve levenspagina, waarbij de voorbeeldtekst en -afbeeldingen bij aanpassing worden vervangen door geverifieerde projectinhoud.