Carbon-less
A 24-Hour Hackathon Project
Carbon-Less provides real-time emissions tracking in order to more accurately calculate fuel-efficiency and arrive at a more precise calculations of emissions.
Where it started
AI Design Process
Carbon-less — Rebuilt with Claude
7 real prompts that transformed a hackathon app into an iOS prototype
1
Starting point
My prompt
"I have this from a hackathon, how can I use AI to bring the code to life?"
First interactive dashboard built
2
Typography
My prompt
"Make the font Space Grotesk. The section labels are too light and thin."
Font + label weight updated
3
Dark mode
My prompt
"Make it look more modern with contrast. Think dark background."
Full dark theme applied
4
iOS style
My prompt
"Make it look like an app in iOS / Apple style."
SF Pro font, iOS grouped lists, native colors
5
Trip summary
My prompt
"Give a trip summary popup at the end of the trip that shows the summary."
iOS bottom sheet with stats + rating
6
History chart
My prompt
"Make the emissions over time a line chart that squiggles up and down — total since the start."
Smooth cumulative line chart added
7
CarPlay + onboarding
My prompt
"Enable a feature that syncs your car in Apple Maps. Add a simulator intro/onboarding popup."
CarPlay toggle + iOS onboarding sheet
Step 1 of 7
14%