Layout examples applied templates

Summary

Three finished digital layouts placed in a row to prove the grid in use: a dark news article, a red-cover feature, and a black driver-profile dashboard.

Visual description

Warm off-white page with the standard hooked-hairline header and "Layout examples" title. Three portrait mockups span the width. Left: a near-black article layout with a race photo, a condensed "Hamilton wins" headline, dense body copy, a right-hand "latest" sidebar and social icons. Center: a saturated red cover panel with the large F1 mark at top over a race photo, then the same headline and a long body block on white. Right: a black "Lewis Hamilton" driver profile built like a telemetry dashboard, with a portrait, helmet render, a giant number "44", a UK flag, rounded data tiles (team, points, podiums, championships) and a strip of thumbnail cards along the bottom. Together they show the same system flexing from text-heavy to data-heavy.

Key takeaway

Showcasing one layout system across three deliberately different content types in a single row, so the reader sees range and consistency at once. The driver-profile dashboard, all rounded data tiles and oversized stat, is a reusable card grammar.

Reuse notes

Good reference for a "the system in action" spread, and the dashboard tile layout transfers to any stats, profile, or player-card context. Needs strong photography and real data to populate. The dense article column only works at large reproduction size.