Matthew Hinders-Anderson

Graphic, Web + Font Design

Global Climate Strike

Branding, type design, website and graphics.

Logo for the 2019 Global Climate Strike in 8 languages.

Role: Brand strategy, design and creation.

Global Climate Strike Instagram camera frame, featuring translations of "Global Climate Strike" as a border. The border scales to fit any size device.

Role: Concept, design and implementation.

Dutch poster for a local Global Climate Strike event in Amsterdam, an example of the open-source brand in use.

Role: Brand, type design.

"Closed" sign for businesses to use as part of their participation in the climate strikes.

Role: Concept and design.

Circular sticker designed as a free giveaway during the climate strikes.

Role: Design.

Greve is a custom display font made specifically for the climate strikes and given away freely as a tool for people to use.

Role: Type design.

Examples of the Global Climate Strike brand and the Greve font in use on a protest sign.

Role: Brand and Type design.   Photo: Ensia Media.

Promotional Instagram graphic featuring Greta Thunberg.

Role: Design.

Equation Campaign

Branding, type design, website and graphics.

Two versions of The Equation Campaign logo, one with the full name and one abbreviated one with a single capital E.

Equation campaign logo and variations.

Role: Brand and Type design.

Pattern design, combining topographical maps to evoke a sense of land and geography, and currency engravings to evoke a feeling of trustworthy financial institutions.

Role: Design.

Social media graphic for The Equation Campaign.

Role: Design.

Cover design for a report used to help raise funding to distribute to frontline environmental groups.

Role: Design.

Photo selections to make sure The Equation Campaign team always has a good photo handy.

Role: Photo research.

Diagrams illustrating exactly how The Equation Campaign's strategy will create change.

Role: Information design.

350.org Global Brand

Brand system, tools, templates, and visual resources.   

Logo for 350.org

Role: Logo design.

Example of 350's brand being customized and used in a local context.

Role: Brand design. Photo: 350 Indonesia.

Social media graphic for 350 designed to communicate 350's core message and capture the people-power spirit of 350's mass actions.

Role: Design.

Tote bag used as thank you gift for 350's donors. It shipped with a reusable fabric pen so people could fill in the blank and customize the bag for themselves.

Role: Concept and Design.

Klima is a typeface that's freely available to anyone working on climate change. Designed as a simple, flexible set of fonts for everyone, it also serves as one of 350's brand fonts.

Role: Type design.

Animated video explaining 350's mission, strategy and values.

Role: Brand and art direction.   Animation and Production: Claire Pinegar.

350 local group members volunteering outside a concert.

Role: Shirt design.

People's Climate March

Print, website and digital design.

Poster for the 2014 People's Climate March. Photo is from Rockaway Beach where flooding from Hurricane Sandy devastated communities in 2012.

Role: Graphic design and photography.

Social media graphic showing one of the early estimates of attendance at the 2014 People's Climate March in New York City. The estimate was later revised to include more than 400,000 people marching that day.

Role: Graphic design.

One of the customizable handheld signs for the 2014 People's Climate March in New York City.

Role: Concept and print design.

Simple guide to using the People's Climate March brand to make your own graphics.

Role: Brand and graphic design.

Social media graphic used as part of a promotional event leading up to the 2014 People's Climate March.

Role: Shirt design.

Massive banner used at the front of the 2017 People's Climate March in Washington DC. Uses Klima, a typeface I designed and distribute freely for the climate movement.

Role: Brand and Type Design   Banner Design: César Maxit + others.   Photo: Hector Emanuel/Survival Media Agency.

Route map showing the path of the 2014 march in New York City.

Role: Information design.

350 Online Actions

Product design, UX, front-end development for an online petitions and donations system.

Screenshot of 350.org's main donation page.

350.org's main global donation page. We routinely tested variables like donation amounts, background image choice, compact multi-step form vs. long single page form, etc.   Link: 350.org/donate

Role: Design, development and testing.

Screenshot of a 'Rise for Pacific Pawa' petition from 350 Pacific

A petition from regional affiliate 350 Pacific using 350.org's petition platform. Showcases some of the customizable options I built in to the platform, like customizable background images, different color schemes.   Link: act.350.org/sign/pacificpawa

Role: Design, development and testing.

Screenshot of a Japanese petition webpage.

350 works in hundreds of countries, so their online action system needed to support lots of languages — including East Asian languages like Japanese, seen here.   Link: act.350.org/act/g20-2020_ja/

Role: Design, development and testing.

Screenshot of a Portuguese-language petition page from the 2015 Paris climate conference

In addition to working in dozens of languages, 350 also often coordinates global days of action where people from around the world take action together simultaneously — the online action system supports that by making it easy to create translated, cross-linked versions of any action.   Link: act.350.org/act/paris-response_pt/

Role: Design, development and testing.

Screenshot of a webpage that helps United States residents call their elected officials to support the Green New Deal.

In the United States, 350 occasionally runs "call" campaigns, where we provide the tools for people to call their elected officials. People can look up their elected official's contact information, as well as suggested talking points for people who are nervous about what to say.   Link: act.350.org/call/house-dems-support-a-green-new-deal

Role: Design, development and testing.

Screenshot of a local petition webpage for a Divest New York campaign

350's online actions platform was designed to scale, so it can by used for very specific, small-scale, local actions, like this one targetting New York City assembly members.   Link: act.350.org/sign/assembly-divestny-2020

Role: Design, development and testing.

Baseline Wordpress Framework

A flexible Wordpress framework used by more than 370 websites.

Tablet-sized screenshot of the gofossilfree.org homepage, with text reading 'We can build a fossil free world'.

Website for Fossil Free, a global campaign to help people form local groups and help transition to a world free from fossil fuels.   Link: gofossilfree.org

Role: Web design and development.

Mobile-sized screenshot of the People's Climate March website, with text reading 'NYC: Join the largest climate march in history'.

Website for the 2014 People's Climate March (later becoming the People's Climate Movement)   Link: peoplesclimatemarch.org

Role: Web design and development.

Screenshot of the 350.org homepage. Reads 'Stop Fossil Fuels. Build 100% Renewables.'

Global website for 350.org, with versions in eight languages.   Link: 350.org

Role: Web design and development.

Screenshot of the 'Science' page on 350.org, reads '1. It's Warming, 2. It's us, 3. We're sure, 4. It's bad, 5. We can fix it.

"Science" page on 350.org featuring a succinct summary of the latest climate science from Dr. Kimberley Nicholas.   Link: 350.org/science

Role: Web design and development.

Screenshot of the exxonknew.org homepage. Features large text explaining Exxon's misdeeds with inline citations and documents.

Website for the Exxon Knew campaign, based on uncovered documents proving that Exxon knew about climate change 40 years ago and worked to surpress that knowledge.   Link: exxonknew.org/science

Role: Web design and development.

Screenshot of 350 Trainings website, text reads 'Share Knowledge, Build Relationships, and Lead Effective Workshops.'

Documentation site for the Baseline project, includes basic tips, FAQ, a list of useful CSS classes that are included that allow HTML authors to easily customize their page.   Link: baseline.350.org

Role: Web design, development and writing.

Screenshot of 350 Trainings website, text reads 'Share Knowledge, Build Relationships, and Lead Effective Workshops.'

350 Trainings website, featuring a large archive of useful content for trainers and workshop leaders. We augmented the Baseline framework with several tools, filters, and navigational elements to help people browse this wealth of useful training material.   Link: trainings.350.org

Role: Web design and development.

Typeface Design

Designing typefaces for activists, free for all non-commercial use.

Font sample for Folsom typeface. Text: 'Chunky + Bold'.

Folsom is a wide, bold, all-caps display typeface, developed as the brand font for the Rise for Climate 2018 global day of action. It's free to download for all non-commercial use.   Link: wehtt.am/fonts/#folsom

Role: Type design.

Sample of Arroyo font. Reads: 'Arroyo. Wide + Western'.

Arroyo is a western-flavored, Latin-style display typeface.   Link: wehtt.am/fonts/#arroyo

Role: Type design.

Sample of Mort typeface.

Mort is a chunky 70's geometric displaly typeface.   Link: wehtt.am/fonts/#mort

Role: Type design.

Mort is a chunky 70's geometric display typeface.   Link: wehtt.am/fonts/#mort

Role: Type design.

Other Projects

Unique, unusual, or otherwise interesting one-off projects.

Banner reading 'Keep it in the Ground' being displayed dramatically at the top of the Cliffs of Moher in Ireland.

"Keep it in the Ground" banner using Graph, made by the Green Party of Ireland. Photo taken at the top of the Cliffs of Moher.

Role: Type design.   Banner Design: Green Party of Ireland   Photo: Eamon Ryan.

100-meter wide image of a polar bear drawn on the Langjökull glacier in Iceland using biodegradeable food coloring. Part of a series called eARTh, where large-scale land art was created and then photographed by satelite.

Role: Bear design.   Concept: Bjargey Ólafsdóttir.   Photo: Christopher Lund  

Video thumbnail

Anti-mountaintop removal video from Rainforest Action Network, featuring a voiceover from Susan Sarandon. Watch on YouTube.

Role: Motion graphics, video editing and production.   Client: Rainforest Action Network

A massive multi-story yellow banner hanging from a coal crane, reading 'Quit Coal'.

Massive Greenpeace banner drop from a coal crane in Cirebon, Indonesia. Uses Graph as the typeface.

Role: Typeface design.   Design: Greenpeace

Jane Fonda and Melissa Laboucan-Massimo giving a speech at an outdoor podium labeled 'Jobs, Justice, Climate'.

Melina Laboucan-Massimo and Jane Fonda at the March for Jobs, Justice and Climate in Toronto, Canada, July 2015. Font is Graph.

Typeface: Matthew Hinders-Anderson.   Photo: Robert van Waarden / Survival Media Agency

Contact

Email: ma.tthew@gmail.comwehttam

About

Designer working in type, branding, print and web.

Formerly the lead designer for 350.org, Matthew's expertise is designing for progressive movements, with over 10 years of experience working in the global climate movement.

Unique skills include:

  • Creating brand systems that are easy for normal people to use with no special tools or training.
  • Building good-looking, high-performing websites.
  • Working across multiple languages and cultures.

Born and raised in Columbus, Ohio. Currently living in Brooklyn, New York.

Photograph: Matthew sitting outside in a park in front of a domed greenhouse.