Procenträknare HTML-mall

En om oss-sektion med ett färdigt upplägg för nyckeltal

Etiketten "om oss", byrårubriken, det inledande påståendet och det beskrivande stycket utgör redan en sammanhängande informationsdel för en statisk HTML-sida. Den vänstra kolumnen kan presentera byråns tjänster och expertis – såsom konceptutveckling, affärsplanering, projektledning, marknadsföring, kundanskaffning och försäljning – utan att vara beroende av ett annat block för att strukturera budskapet. Den vertikala textuppställningen ger sektionen en tydlig startpunkt och en naturlig läsordning.

Den högra kolumnen tillför en separat ljusgrå panel med fyra procentvärden: 50 %, 17 %, 20 % och 13 %. De är fördelade på två rader och två kolumner, och varje värde åtföljs av förklarande text under siffran. Detta gör blocket till mer än bara ett vanligt textavsnitt; det förenar en presentation med en kompakt presentation av mätetal som visuellt sammanfattar viktig information.

Placerad på en statisk HTML-sida fyller sektionen denna kombinerade roll av presentation och statistik, medan intilliggande sektioner hanterar navigering, fler tjänster, kontaktuppgifter eller andra sidfunktioner. Den vita vänstra ytan, den ljusgrå panelen, rubrikens gröna accentfärg, den kraftfulla typografin och de väl tilltagna avstånden är redan harmoniserade, så att sidan kan ta emot sektionen som en färdig innehållslayout utan att balansen behöver byggas upp på nytt från separata element.