5d:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/05lj3a0qaa006.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/382a8k30zyobj.js","/creators-assets/_next/static/immutable/chunks/368p63l4oh_7-.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/228u8o-g1d1_g.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/413kuej600yyw.js","/creators-assets/_next/static/immutable/chunks/02hyzon6wywme.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/293prjxu_wz0c.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3l2h8slpbzxqo.js","/creators-assets/_next/static/immutable/chunks/2xgtw4s-tlhet.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/1cphzzg2t2qo2.js"],"PostDetailCard"] 5e:T909,

Carbon Score adds a live CO₂ badge to your site: it measures how much data each page loads and turns it into grams of CO₂ per view, with a carbon rating from A+ to F. No API, no account, no external service: everything runs in your visitor’s browser, so it works on any Framer site, published or not.

Made to Match Your Site

Every part of the badge is yours to style: accent, label, background, value and rating colors, font, radius, and spacing. Hide the label for a minimal look, or the rating to keep it compact. Padding scales with the font size, so the badge keeps its proportions at any size, on light or dark designs.

Key Features

Measurement

Real page weight, measured on load in the visitor’s browser
Grams of CO₂ per view, plus an A+ to F carbon rating
Green Hosting toggle if your host runs on renewable energy
Works on any page, no setup and no API key

Style

Accent, label, background, value and rating colors
Optional label with custom text
Optional rating line with adjustable gap
Native radius control and full font settings

Canvas

Shows a sample score while you design
Lightweight and dependency-free: it only reads data the browser already has

Good to Know

The score is calculated with the Sustainable Web Design model, as implemented in CO2.js by the Green Web Foundation. It is an estimate, designed to give a clear sense of your page’s footprint rather than a certified measurement. The badge takes about two seconds to measure after the page loads, which is why it fits best in your footer or lower on the page.

How to Set Up

Drag Carbon Score onto your canvas, ideally in your footer
Turn on Green Hosting if your host uses renewable energy
Adjust colors, font, and radius to match your design
Publish

Refund Policy

All sales of digital products are final and non-refundable. Questions? Contact hellonostromostudio@gmail.com before purchasing. Enjoy!

5a:[["$","$L5d",null,{"post":{"id":"01a12bee-f9a6-72bb-81a4-d4e73f54f108","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"042e00c3-0e8c-49d7-b0d9-458a683d2cbe","name":"Nostromo Studio","slug":"nostromo-studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/425429/avatar-hTmf9JbHiQIYsivHT2ttWZ6KjESn4J.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"V4cdGlWTFLBBHDOZuxWb","resolved":true,"title":"Carbon Score","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Carbon Score","marks":[{"type":"bold"}]},{"type":"text","text":" adds a live CO₂ badge to your site: it measures how much data each page loads and turns it into grams of CO₂ per view, with a carbon rating from A+ to F. No API, no account, no external service: everything runs in your visitor’s browser, so it works on any Framer site, published or not."}]},{"type":"customHeading","content":[{"type":"text","text":"Made to Match Your Site"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Every part of the badge is yours to style: accent, label, background, value and rating colors, font, radius, and spacing. Hide the label for a minimal look, or the rating to keep it compact. Padding scales with the font size, so the badge keeps its proportions at any size, on light or dark designs."}]},{"type":"customHeading","content":[{"type":"text","text":"Key Features"}],"attrs":{"level":1}},{"type":"customHeading","content":[{"type":"text","text":"Measurement"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Real page weight, measured on load in the visitor’s browser"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Grams of CO₂ per view, plus an A+ to F carbon rating"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Green Hosting toggle if your host runs on renewable energy"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Works on any page, no setup and no API key"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Style"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Accent, label, background, value and rating colors"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional label with custom text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional rating line with adjustable gap"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Native radius control and full font settings"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Canvas"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Shows a sample score while you design"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Lightweight and dependency-free: it only reads data the browser already has"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Good to Know"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"The score is calculated with the "},{"type":"text","text":"Sustainable Web Design","marks":[{"type":"italic"}]},{"type":"text","text":" model, as implemented in "},{"type":"text","text":"CO2.js","marks":[{"type":"bold"}]},{"type":"text","text":" by the Green Web Foundation. It is an estimate, designed to give a clear sense of your page’s footprint rather than a certified measurement. The badge takes about two seconds to measure after the page loads, which is why it fits best in your footer or lower on the page."}]},{"type":"customHeading","content":[{"type":"text","text":"How to Set Up"}],"attrs":{"level":1}},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drag Carbon Score onto your canvas, ideally in your footer"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Turn on Green Hosting if your host uses renewable energy"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjust colors, font, and radius to match your design"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Publish"}]}]}],"attrs":{"type":null,"start":1}},{"type":"customHeading","content":[{"type":"text","text":"Refund Policy"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"All sales of digital products are final and non-refundable. Questions? Contact "},{"type":"text","text":"hellonostromostudio@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:hellonostromostudio@gmail.com","target":"_blank"}}]},{"type":"text","text":" before purchasing. Enjoy!"}]}]},"introduction":"Show your site’s carbon footprint","slug":"carbon-score","author":{"framerUserId":"042e00c3-0e8c-49d7-b0d9-458a683d2cbe","name":"Nostromo Studio","slug":"nostromo-studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/425429/avatar-hTmf9JbHiQIYsivHT2ttWZ6KjESn4J.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/042e00c3-0e8c-49d7-b0d9-458a683d2cbe/01a12bee-d997-7603-9f08-045b06324f6f.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-11T17:07:23.632Z","updatedAt":"2026-10-12T10:07:36.341Z","publishedAt":"2026-10-11T17:07:23.628Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/CarbonScore-GUjfuy.js@1QR69fqPRl63vMxa246n","previewUrl":"https://carbon-score.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"1QR69fqPRl63vMxa246n","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-11T17:07:24.198Z","updatedAt":"2026-10-11T17:07:24.198Z","reported":false}}],"$L5f"]

Suggested for you