Carbonyx: Climate-Tech Framer Template
A Framer template for climate-tech, carbon accounting and ESG startups, with animated dashboards and a CMS for the blog and case studies.
Or get this and every other template for $99 with the All-Access Pass.
About this template
Carbonyx is a Framer template for climate-tech companies: carbon accounting tools, ESG reporting software, energy platforms and the consultancies that work with them. These products run on numbers, so the homepage puts dashboard widgets straight into the layout. A visitor sees emissions charts and reduction targets before reading any of the copy.
The palette is near-black and off-white with a lime accent, and the motion was built in Framer to match the Figma design section by section.
Pages
- Home
- About
- Solutions, with four solution cards and a longer write-up of each
- Case Studies, managed in the CMS
- Blog, managed in the CMS, with a featured post and an article list
- Contact, with a demo request form
The homepage has eleven sections: hero, about, solutions, how it works, live climate data, case studies, impact, blog, testimonials, FAQ and a closing call to action.
Interactions
- The hero dashboard assembles itself when the page loads
- Solution cards expand on hover
- The four process steps light up one after another
- Figures in the live data section keep ticking
- Impact numbers count up as they scroll into view
- Testimonials change with a text-scramble effect
- FAQ answers open in an animated accordion
Layouts adapt for desktop, tablet and mobile.
Who it's for
Climate-tech and clean energy startups, carbon and ESG software, climate risk tools, sustainability consultancies, and any SaaS product that has to explain a lot of data on one page. Swap in your own colors, copy and figures in Framer. The layout is built around numbers, so it looks best once they're your real ones.
Support
Need help setting up your template? Reach out to us at: hello@pixels71.com