Grammage, the eco-design
audit we created

The project

Grammage is our eco-design audit tool. It opens a website in a real browser, measures what each page actually downloads, then derives a score out of 100 and an estimate of its CO₂.

It also plugs into companies’ CI/CD, the pipeline that puts their website online, to check its scores at every deployment, and it certifies the result with a verified badge. We built everything in-house, from the logo to the website, the tool itself and its API.

From sketch to logo

The logo had to say two things: that we measure, and that it is light. We tried scales, too heavy, then a CO₂ cloud, too gloomy, before keeping the gauge, which we redrew with a pen and to which we added a leaf.

The method

Grammage measures every page with a fixed protocol, always the same, so that two measurements can be compared. Each page runs three times, on mobile and on desktop, and the report keeps the median value.

1. 01

   Step 1, Loading

   The page opens in a real browser, with no window, as it would for a visitor.

2. 02

   Step 2, Waiting for calm

   Grammage waits for the page to finish working after loading, fifteen seconds at most.

3. 03

   Step 3, Scrolling

   It goes down screen by screen to the bottom, to load everything that waits until you get close.

4. 04

   Step 4, Observation

   For five seconds, it keeps counting everything that arrives, a rotating carousel for example.

5. 05

   Step 5, The return visit

   It comes back to the page to measure what it downloads again although it is already cached.

The technology