Supervisor:
Jonathan Romm
Everything we design apps, websites, and interfaces, leaves a digital footprint. Although digital might feel immaterial, it relies on a massive infrastructure: servers, data centers, networks, and screens. All of this uses energy.
Today, 5.5 billion people use the internet daily, often without thinking about how every email sent or search made contributes to digital emissions. And it will still keep growing. It's part of our daily lives, communication, work, services, entertainment. We cant quit, but we can rethink how we design digital experiences.
To deal with it my thesis tries to solve how to develop accsesible tools for designers to deal with sustainability in interaction design?
As a response, I developed a proof-of-concept tool that measures the actual energy consumption of colors used in wireframes and websites, providing estimates in wattage. Through iterations and designer feedback, the tool became more accessible, aiming to reduce friction and clearly demonstrate its value to designers.
Color Advisory © is a Figma plugin that helps designers reduce energy consumption on OLED screens by analyzing and optimizing their color choices directly in their workflow.
Color Advisory
Once a frame is selected, the plug-in will scan the design and give feedback on:
- Colors used
- Energy score per color
- A Usage Breakdown showing if your design stays within sustainable limits
Color Advisory
To learn more about how each color was evaluated, you can click the button labeled Cause & Solution. This will take you to an explanation of how the scores are calculated.
Color Advisory
This shows you lower-energy alternatives suggested based on your original palette. Suggestions are ranked from closest match to darker, lower-energy tones based on your original palette.
Choose to explore your own color variations and see their impact on the full interface. This feature encourages experimentation, but may need further development to have in mind for WCAG contrast rules. Still, it gives designers a valuable opportunity to learn and test.
Functional Plugin
This is the working version of the Color Advisory tool, built as a Figma plugin
Color Advisory – Wireframe Concept
This is a design mockup exploring how a sustainability-focused color analysis tool might be integrated into a designer’s workflow.
Wanna try it out? Soon to be launched in Figma Community, join waiting list.
© 2025 Ema Imbrasaite — Color Advisory. All rights reserved.
Contact
Ema Imbrasaite / ema.imbrasaite@gmail.com / LinkedIn