Att göra städer för människor HTML-mall

Fyra bilder ramar in en färdig sektion för urban design

Den centrerade rubriken ”Skapa städer för människor” ger sektionen ett tydligt introducerande syfte innan besökaren når det visuella innehållet. Därunder bildar fyra rektangulära fotografier ett asymmetriskt kollage i stället för en traditionell rad med likadana kort. Två större bilder brer ut sig över den övre delen och två mindre bilder fortsätter kompositionen nertill, vilket skapar en skiktad presentation för ett stadsbyggnadstema. Textpanelen nere till höger fullbordar kollaget genom att ge plats åt förklarande information eller presentation av organisationen bredvid fotografierna.

När detta block används på en statisk HTML-sida kan det fungera som en färdig Om oss- eller introduktionssektion utan att den omgivande sidan behöver byggas om runt det. Innehållet är samlat i en rubrik, ett textområde och ett definierat bildarrangemang, medan intilliggande sektioner kan erbjuda navigering, projektinformation, tjänster eller kontaktuppgifter. Den gula accentformen bakom kollaget hjälper sektionen att behålla ett tydligt visuellt kännetecken bland andra statiska sektioner. Rika tomma ytor håller isär rubriken och bildgruppen, och de skarpa rektangulära kanterna bevarar kompositionens arkitektoniska prägel. Blocket ger därmed ett komplett visuellt uttryck för sitt stadsbyggnadsbudskap, medan den överordnade HTML-sidan ansvarar för den bredare strukturen.