The idea

one real house, measured twice. On deep teal, a heavy Bricolage heading, "The same house, after.", with "after." in warm yellow. Four cream rows, one per measure (bills, heat lost, carbon, energy rating): an icon tile, what it counts and its unit, the before figure in grey with a brick-red strike, a teal arrow, the after figure in deep teal, and a yellow chip with the difference. The rows slide up one after another. A plain source line says where each figure comes from, beside the yellow button.

Palette and fonts: deep teal, warm yellow, cream, mint, brick red · Bricolage Grotesque 800, Karla

Grinner features used

• Button
• Entrance Animation
• Grinner Icon
• Group
• Heading
• Paragraph