Studiodwd logostudiodwd| AI-native brand, visual & product design
Past Work

EarthAction Climate App

Visual identity and UX/UI design for EarthAction’s climate app.

Visual Identity

EarthAction street billboard with the scenario gradient, white logo, Vote, Donate and Volunteer icons and earthaction.org EarthAction campaign pin with the scenario gradient, a vote icon, white logo and “I voted!” on a denim jacket EarthAction pole sign against an overcast sky with the scenario gradient, white logo, Vote, Donate and Volunteer icons and earthaction.org

I read an inspiring article in the Guardian on climate change. I designed this visual identity and app concept to inform the public of the data, and activate voting, donation and volunteering to make a better world.

App Prototype

Loading…
EarthAction mobile app on a phone in hand EarthAction climate dashboard on a laptop

Logomark

EarthAction logo, primary · on white
Primary · on white
EarthAction logo, reversed · out of coral
Reversed · out of coral
EarthAction logo, reversed · on scenario gradient
Reversed · on scenario gradient

Color

Climate scenario gradient · best case → worst case
{{ s.name }}{{ s.hex }}{{ s.role }}

Typography

PrimaryHeadlines · data · calls to action
Aa
Kefa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 +1.5° 395
DISPLAY · 700
United States Heatwaves
TITLE · 400
Best-case climate scenario
DATA · 700
+1.5° · 395 ppm
CALL TO ACTION · 700
VOTE · DONATE · TAKE ACTION
SecondaryInterface · navigation
Aa
Source Sans 3
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 $ % · —
DISPLAY · 700
Take climate action today.
TITLE · 600
Climate History
BODY · 400
Navigation, tabs, search and interface labels.
LABEL · 600 · +0.06em
CLIMATE HISTORY · POLICY · SUMMITS · ACTION

Iconography

Vote Violet · #BF1FE8
Donate Earth Orange · #EA884A
Volunteer Heat Red · #EA4A4A

Navigation

Globe Nav · Charcoal
Climate History Nav · Charcoal
Trends Nav · Charcoal
Action Nav · Charcoal
Policy Nav · Charcoal
DLNA Samsung