# Design

# How it all began

Really worth watching this video showing the evolution and implimentation of XR's design programme to understand the passion and ambition behind the creative vision for XR.

<iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen="" frameborder="0" height="315" referrerpolicy="strict-origin-when-cross-origin" src="https://www.youtube.com/embed/mg5kzZMGg6Q?si=rwo8cSS-lG-iPrBQ" title="YouTube video player" width="560"></iframe>

Also you can **[read this article on the V&amp;A website](https://www.vam.ac.uk/articles/home-is-where-the-art-is-in-discussion-with-printmaker-miles-glyn)** - giving a wonderful view into the work of Miles Glyn - one of the original members of the Extinction Rebellion Art Group, a coalition of graphic designers, artists and activists who created the visual identity and communications style.

# Core Design Programme

The principles of graphic design to produce XR's destinctive look, and artwork to use.  See also the Global Media Library page for artwork samples.

# What is the Design Programme?

[![patches.PNG](https://rebeltoolkit.extinctionrebellion.uk/uploads/images/gallery/2024-06/scaled-1680-/patches.PNG)](https://rebeltoolkit.extinctionrebellion.uk/uploads/images/gallery/2024-06/patches.PNG)

**Made by XR for XR -- fonts, logos, colours, woodblock images, icons**
The visual creativity of XR actions and outreach has been instrumental in
the rise of the movement.

**The Design Programme v1.1** describes and explains the XR Branding - how and why to use it.

The full (10mb PD) document is 
<a href="https://cloud.extinctionrebellion.org.uk/f/52863" target="_blank" rel="noopener noreferrer">available to download from the XR's Cloud</a>. Note that the 2nd font has changed from Crimson to Karla (see more info below).

Some quick guides to the information in the design programme can be found below:

### File & Image Formats
Many of the images are available as SVG (Scalable Vector Graphics) files.  Converting them to PNG or JPEG takes some expertise.  But these core woodblocks and images can also be [downloaded from Aktivisda](https://rebeltoolkit.extinctionrebellion.uk/books/design/page/visuals-generator-aktivisda) as .png files in a colour of your choice.

[![turtle.PNG](https://rebeltoolkit.extinctionrebellion.uk/uploads/images/gallery/2024-06/scaled-1680-/turtle.PNG)](https://rebeltoolkit.extinctionrebellion.uk/uploads/images/gallery/2024-06/turtle.PNG)

### Easy to use Logos

Some 'ready-to-use' [XR logo graphics in various colours](https://rebeltoolkit.extinctionrebellion.uk/books/design/page/xr-logos-ready-to-use)

### Fonts

XR origionally used two fonts, **FUCXED CAPS/LATIN** - for headlines and **Crimson** - for main text. But for accesibility/readability reasons the second font recommend for main text is now **Karla**


| Purpose | Font Name | Download | Sample |
| ------- | --------- | -------- | ------ |
| Best for online graphics | FUCXED LATIN | [FUCXEDCAPSLATIN_fonts.zip](https://thisaintrocknroll.wetransfer.com/downloads/c25d53254914d4caa95f32354d2335e620190815144358/29b488) | [![FUCXED LATIN FONT EXAMPLE](https://rebeltoolkit.extinctionrebellion.uk/uploads/images/gallery/2022-11/scaled-1680-/image-1668685947481.png)](https://rebeltoolkit.extinctionrebellion.uk/uploads/images/gallery/2022-11/image-1668685947481.png) |
| Headline Print | FUCXED CAPS | [FUCXED v4.ttf](https://cloud.extinctionrebellion.uk/s/ir5ZxMBxFG4pcJJ) | [![FUCXED CAPS FONT EXAMPLE](https://rebeltoolkit.extinctionrebellion.uk/uploads/images/gallery/2022-11/scaled-1680-/image-1668685932927.png)](https://rebeltoolkit.extinctionrebellion.uk/uploads/images/gallery/2022-11/image-1668685932927.png) |
| Body Copy | Karla | [Karla at Google Fonts](https://fonts.google.com/specimen/Karla) |  [![](https://rebeltoolkit.extinctionrebellion.uk/uploads/images/gallery/2024-05/scaled-1680-/image-1716383807482.png)](https://rebeltoolkit.extinctionrebellion.uk/uploads/images/gallery/2024-05/image-1716383807482.png)|

### Colours

Quick guide to the [standard XR colours](https://rebeltoolkit.extinctionrebellion.uk/books/mm-how-to-guides/page/colours)


### Extinction Logo/Symbol

[![](https://rebeltoolkit.extinctionrebellion.uk/uploads/images/gallery/2024-01/scaled-1680-/image-1705430826110.jpg)](https://rebeltoolkit.extinctionrebellion.uk/uploads/images/gallery/2024-01/image-1705430826110.jpg)

The Extinction symbol should not to be use commercially in either the sales of goods or for fundraising. More information about the [guidelines for use and the origin of this logo can be found here](https://rebeltoolkit.extinctionrebellion.uk/books/design/page/extinction-symbol).


## Block Prints
Our block prints are fabulous resource to use either in graphics for for printing. You can find them in the full design programme (linked at top of page), download [from Akivisda](https://rebeltoolkit.extinctionrebellion.uk/books/design/page/visuals-generator-aktivisda), or [learn more about block printing here](https://rebeltoolkit.extinctionrebellion.uk/books/painting-making-and-art-blocking).

# Fonts

# FUCXED v4
https://cloud.extinctionrebellion.uk/s/ir5ZxMBxFG4pcJJ

# Colours

We have a standard set of colours for our publications, which are documented [in the Design Programme](https://cloud.extinctionrebellion.uk/apps/files/?dir=/Library/Basecamp%20Library/Art%20Designs%20and%20assets&openfile=52863&scrollto=XR%20artwork-%20xr-design%20programme-v1.1.pdf). 

As it is a large PDF, here is a summary of the colour scheme. This page also has the hex values of the colours.  If you need CMYK or PMS codes, they are in the original document, which is also the place to go for the full guidance.

### Main colours

When you see the logo it’s often black on green, but it can also sit on the other backgrounds.

| Colour | Code | Sample | Colour | Code | Sample |
|-|-|-|-|-|-|
| Green: | `#14aa37` | <div style="background-color:#14aa37; width: 4em; height: 4em"></div> | Black: | `#000000` | <div style="background-color:#000000; width: 4em; height: 4em"></div> |

### Bright colours

Our colours symbolise the intersectional nature of XR. The colours can and should be mixed together to create bold and bright graphics.

| Colour | Code | Sample | Colour | Code | Sample |
|-|-|-|-|-|-|
| Lemon: | `#f7ee6a` | <div style="background-color:#f7ee6a; width: 4em; height: 4em"></div> | Light blue: | `#75d0f1` | <div style="background-color:#75d0f1; width: 4em; height: 4em"></div> |
| Pink: | `#ed9bc4` | <div style="background-color:#ed9bc4; width: 4em; height: 4em"></div> | Purple: | `#986297` | <div style="background-color:#986297; width: 4em; height: 4em"></div> |
| Light green: | `#bed276` | <div style="background-color:#bed276; width: 4em; height: 4em"></div> | Warm yellow: | `#ffc11e` | <div style="background-color:#ffc11e; width: 4em; height: 4em"></div> |
| Bright Pink: | `#cf6297` | <div style="background-color:#cf6297; width: 4em; height: 4em"></div> | Red: | `#dc4f00` | <div style="background-color:#dc4f00; width: 4em; height: 4em"></div> |
| Dark blue: | `#3860aa` | <div style="background-color:#3860aa; width: 4em; height: 4em"></div> | Angry: | `#c80082` | <div style="background-color:#c80082; width: 4em; height: 4em"></div> |


### Colour Palette

[For use with design software (.clr file)](https://actionnetwork.org/user_files/user_files/000/086/160/original/XR-ColourPalette.clr)

# XR Logos ready to use!

---
##### Just drag them from this page to your desktop, or right click and 'save as'.


For graphic designers see the [Design Programme](https://rebeltoolkit.extinctionrebellion.uk/books/design/page/what-is-the-design-programme) for higher quality versions of these.

---
XR logo linear black - 1500px wide - transparent background.
**For use on small leaflets and posters...**

[![XR-logo-Black-Linear-1500pxWide.png](https://rebeltoolkit.extinctionrebellion.uk/uploads/images/gallery/2021-10/scaled-1680-/XR-logo-Black-Linear-1500pxWide.png)](https://rebeltoolkit.extinctionrebellion.uk/uploads/images/gallery/2021-10/XR-logo-Black-Linear-1500pxWide.png)

---

XR logo linear black - 700px wide - transparent background. 
**For use online and in emails - but not any with fundraising requests as the hourglass logo is not allowed to be used when fundraising**

[![XR-logo-Black-Linear-700pxWide.png](https://rebeltoolkit.extinctionrebellion.uk/uploads/images/gallery/2021-10/scaled-1680-/XR-logo-Black-Linear-700pxWide.png)](https://rebeltoolkit.extinctionrebellion.uk/uploads/images/gallery/2021-10/XR-logo-Black-Linear-700pxWide.png)

---

Hourglass black - 600px wide - transparent background. 
**For use online and in emails - but not any with fundraising requests as the hourglass logo is not allowed to be used when fundraising**

[![mJnHourglass_transparent_black.png](https://rebeltoolkit.extinctionrebellion.uk/uploads/images/gallery/2022-06/scaled-1680-/mJnHourglass_transparent_black.png)](https://rebeltoolkit.extinctionrebellion.uk/uploads/images/gallery/2022-06/mJnHourglass_transparent_black.png)

---

Hourglass white - 1000px wide - transparent background. 
**For use online and in emails - but not any with fundraising requests as the hourglass logo is not allowed to be used when fundraising**

(Don't worry- this isn't just a blank space! Its just a white on white image)

[![y30Hourglass_transparent_white.png](https://rebeltoolkit.extinctionrebellion.uk/uploads/images/gallery/2022-06/scaled-1680-/y30Hourglass_transparent_white.png)](https://rebeltoolkit.extinctionrebellion.uk/uploads/images/gallery/2022-06/y30Hourglass_transparent_white.png)

---

**XR Logos for Emails**  - 600px wide - first one is transparent background. 
For use online and in emails, nice slim logo so doesn't take up too much space on your emails and can be used for any type of email content

[![](https://rebeltoolkit.extinctionrebellion.uk/uploads/images/gallery/2022-05/scaled-1680-/image-1652870111358.png)](https://rebeltoolkit.extinctionrebellion.uk/uploads/images/gallery/2022-05/image-1652870111358.png)
[![](https://rebeltoolkit.extinctionrebellion.uk/uploads/images/gallery/2022-05/scaled-1680-/image-1652870128622.png)](https://rebeltoolkit.extinctionrebellion.uk/uploads/images/gallery/2022-05/image-1652870128622.png)

[![](https://rebeltoolkit.extinctionrebellion.uk/uploads/images/gallery/2022-05/scaled-1680-/image-1652870138599.png)](https://rebeltoolkit.extinctionrebellion.uk/uploads/images/gallery/2022-05/image-1652870138599.png)

[![](https://rebeltoolkit.extinctionrebellion.uk/uploads/images/gallery/2022-05/scaled-1680-/image-1652870153009.png)](https://rebeltoolkit.extinctionrebellion.uk/uploads/images/gallery/2022-05/image-1652870153009.png)


[![](https://rebeltoolkit.extinctionrebellion.uk/uploads/images/gallery/2022-05/scaled-1680-/image-1652870144918.png)](https://rebeltoolkit.extinctionrebellion.uk/uploads/images/gallery/2022-05/image-1652870144918.png)

[![](https://rebeltoolkit.extinctionrebellion.uk/uploads/images/gallery/2024-05/scaled-1680-/image-1716028758306.png)](https://rebeltoolkit.extinctionrebellion.uk/uploads/images/gallery/2024-05/image-1716028758306.png)

[![](https://rebeltoolkit.extinctionrebellion.uk/uploads/images/gallery/2024-05/scaled-1680-/image-1716028771007.png)](https://rebeltoolkit.extinctionrebellion.uk/uploads/images/gallery/2024-05/image-1716028771007.png)

[![](https://rebeltoolkit.extinctionrebellion.uk/uploads/images/gallery/2024-05/scaled-1680-/image-1716028821079.png)](https://rebeltoolkit.extinctionrebellion.uk/uploads/images/gallery/2024-05/image-1716028821079.png)

[![](https://rebeltoolkit.extinctionrebellion.uk/uploads/images/gallery/2024-05/scaled-1680-/image-1716028859343.png)](https://rebeltoolkit.extinctionrebellion.uk/uploads/images/gallery/2024-05/image-1716028859343.png)
---

If you have any feedback on this page - or want other easy to use XR graphics/logos then contact [media@xrnottingham.org](mailto:media@xrnottingham.org)

# Extinction Symbol

<p style="text-align:center"><img src="https://rebeltoolkit.extinctionrebellion.uk/uploads/images/gallery/2024-01/image-1705430826110.jpg" alt="Black on white extinction rebellion hourglass logo"></p>



The symbol above represents extinction. The circle signifies the planet, while the hourglass inside serves as a warning that time is rapidly running out for many species.


Extinction Rebellion (XR) is a do-it-together movement. All our design and artwork can be used non-commercially for the purpose of planet saving. This does not mean creating merchandise for fundraising or sending XR a percentage of your sales. We do not endorse or create any merchandise and we will pursue and prosecute anyone who does. The Extinction Symbol was designed in 2011 by street artist ESP, who loans XR usage on the same basis.

More information can be found:
- on the <a href="https://www.extinctionsymbol.info/" target="_blank" rel="noopener noreferrer">extinction symbol website</a>,
- in XR's [design programme documentation](https://rebeltoolkit.extinctionrebellion.uk/books/design/page/what-is-the-design-programme#bkmrk-non-commercial),
- and if you want to help protect the XR symbol here is an [action you can do from home](https://rebeltoolkit.extinctionrebellion.uk/link/563#bkmrk-page-title).

# Design Packs

For rebellions, specific actions or events

# Rebel for Truth - Sep 2023

[![r4t.PNG](https://rebeltoolkit.extinctionrebellion.uk/uploads/images/gallery/2024-06/scaled-1680-/r4t.PNG)](https://rebeltoolkit.extinctionrebellion.uk/uploads/images/gallery/2024-06/r4t.PNG)
[![pts1.PNG](https://rebeltoolkit.extinctionrebellion.uk/uploads/images/gallery/2024-06/scaled-1680-/pts1.PNG)](https://rebeltoolkit.extinctionrebellion.uk/uploads/images/gallery/2024-06/pts1.PNG)

Since XR first burst onto the streets we have said "Tell the truth and act as if the truth is real". **Truth is the antidote to the climate lies** and the climate liars.

When you can't trust those in power, the people are the answer. We are trapped in a system that is outdated and out of touch. Citizens' Assemblies are the alternative. In a time of corruption and greed, 'reasonable' starts to look revolutionary. 

**Posters, fonts, assets, flag, messaging, hashtag and more!**
<a href="https://docs.google.com/presentation/d/1YrfLvUhYTa61FZB1LCrhaLU-lWMeqADIthagCgF2QVU/preview" target="_blank" rel="noopener noreferrer">view the **Rebel for Truth** Design pack here</a>

# The Big One / 100 Days - Early 2023

The full campaign was intially called 100 days (100 days to prep, 100 days to promote).. up to the day of The Big One. Here are the design assets used.

#### Logos, flyers, posters, assets, design tools - everything you need. 

<hr>                                                                                 
<br>

[The Big One Design Pack](https://drive.google.com/drive/folders/19X5FEvo4SX8vl_Fp1hJyjkzDunTS5Ft5?usp=sharing) - containing:

- [Flyers](https://drive.google.com/drive/folders/1_Od-GEeBeERqRzXbR6an3rNruO6EaNGV)
- [Posters](https://drive.google.com/drive/folders/13gi7cY_B9AvNc68BQzCD8C9X3A1urqml)
- [Social Media](https://drive.google.com/drive/folders/1w4mAQw_HS9TvdO8RCI_yn0XgBH-eOv8q)
- [Designs](https://drive.google.com/drive/folders/1w4mAQw_HS9TvdO8RCI_yn0XgBH-eOv8q) - flyer, poster and web banner backgrounds

[![photo_2023-03-17_11-14-54.jpg](https://rebeltoolkit.extinctionrebellion.uk/uploads/images/gallery/2023-03/scaled-1680-/photo_2023-03-17_11-14-54.jpg)](https://rebeltoolkit.extinctionrebellion.uk/uploads/images/gallery/2023-03/photo_2023-03-17_11-14-54.jpg)


<br>

[The Big One Media & Messaging Guide](https://docs.google.com/document/d/1J55c9GBYM2bXaUdh9okZOdNr1sMhY1clrF5Y9UKOWyw/edit)



<br>

For a general introduction to design in XR -- fonts, logos, colours, woodblock images, icons -- see the [Design](https://rebeltoolkit.extinctionrebellion.uk/books/design) book.


<hr>                                                                                 
<br>



##### **Assets for The Big One**

Supporters Logos version 2 (30th March 2023)

[A4 printable poster](https://drive.google.com/file/d/1I90PxFRmBl03P6AkJwNWZ9f1lh7jza80/view?usp=share_link)
<br>
[Instagram Story graphic](https://drive.google.com/file/d/1-hHJP2Mf6592iZVrJxMfL9Lbw-kqTTIH/view?usp=share_link)
<br>
[Instagram Post (highlighted logos only)](https://drive.google.com/file/d/1fGesIOH2tE-eKPqJejtSPfHoj684G8ja/view?usp=share_link)

[![Supporters-v2-InstagramStory-THUMBNAIL.jpg](https://rebeltoolkit.extinctionrebellion.uk/uploads/images/gallery/2023-03/scaled-1680-/Supporters-v2-InstagramStory-THUMBNAIL.jpg)](https://rebeltoolkit.extinctionrebellion.uk/uploads/images/gallery/2023-03/Supporters-v2-InstagramStory-THUMBNAIL.jpg)

<br>
<hr>
<br>

# Cover the Capital - Oct 2022

Hey everyone! We’ve collated all the designs used in Cover the Capital from October 2022:

🔹Designs drive with <a href="https://drive.google.com/drive/folders/1tgjdn2LkaAWGDM-DwRQfdFhtwAUw4750" target="_blank" rel="noopener noreferrer">all the resources you need</a> (Tube Ads, Bus Stops, Billboards and assets to create your own designs!)

🔹<a href="https://docs.google.com/document/d/1bwD__SyCiQEksLTOaPJ7EgxrCMC53N09XLozFcmA_7o/preview" target="_blank" rel="noopener noreferrer">Printing guidelines and advice</a>

🔹London Underground <a href="https://drive.google.com/file/d/1RBYcTLGFY_q7rnCP3elYr0KdpKIKor-E/view" target="_blank" rel="noopener noreferrer">Subvertising Booklet</a>

🔹Paint the Streets <a href="https://docs.google.com/document/d/1JblkK5Bo8NgRv8hAWt7XAuC9vW5rHgJRxrU3OvRPtRo/edit" target="_blank" rel="noopener noreferrer">Info pack</a>  (a great and detailed resource with all the info you need to begin)

Thanks to everyone, keep sharing our amazing messages to the public, and continue share your images and ideas here in this chat too!

Love and Rage ~ The Paint the Streets team

# We Want To Live - Sep 2020

This design pack reflects the multiple narratives running through our struggle, and is intended to give everyone in XR a way to tell our story.

The **PDF of of this design pack is <a href="https://drive.google.com/file/d/1rBpWM39gNh9tkuEa_TrdruYWjnE55s2w/view" target="_blank" rel="noopener noreferrer">available here</a>** 


![71086F88-2706-4EA6-8D9B-9348F5978D7C.jpeg](https://rebeltoolkit.extinctionrebellion.uk/uploads/images/gallery/2021-01/scaled-1680-/71086F88-2706-4EA6-8D9B-9348F5978D7C.jpeg)

#### Contents ofthe Booklet: 
![D01F32E2-AA2F-4D36-9DC0-3D830F43F661.jpeg](https://rebeltoolkit.extinctionrebellion.uk/uploads/images/gallery/2021-01/scaled-1680-/D01F32E2-AA2F-4D36-9DC0-3D830F43F661.jpeg)

# Design Software, tutorials & guidance



# Visuals Generator Aktivisda

##### Generate a XR-branded poster or banner in minutes!

The Visuals Generator (Aktivisda) is a web application which will create custom images with words and coloured backgrounds.  

<a href="https://extinctionrebellion.aktivisda.earth/" target="_blank" rel="noopener noreferrer">extinctionrebellion.aktivisda.earth</a>



##### How to use Aktivisda

**READ:** <a href="https://docs.google.com/presentation/d/12TSc1wRGJVeS4qXayDggmsyle-uBsmom-Ro3UERJCok/edit?usp=sharing" target="_blank" rel="noopener noreferrer">Step by Step Tutorial</a> (read the notes underneath the slides)

**WATCH:** Video Guide on How to Use Aktivisda

<iframe width="560" height="315" src="https://www.youtube.com/embed/l2kEbgIdEBk?si=5RfsDe3KDBBURRa1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

# Canva

##### Add crop marks and bleed to your leaflets with Canva 

Canva is an online design platform that has many features that can be used for free. 

One of the most useful things to be able to use canva for is to turn an image you have made in Aktavisda into a professional printing format. Watch the video below to find out how.
<iframe width="560" height="315" src="https://www.youtube.com/embed/EqGAAadjvSw?si=qCAnPvP9a49St6mR" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

# Printed Materials

Many classic and event/action/theme related flyers, posters and stickers can all be found here on the **[Outreach shelf of the Rebel Toolkit](https://rebeltoolkit.extinctionrebellion.uk/books/outreach/chapter/flyers-posters-stickers)**.

Including this beautiful Principles and Values poster!

[![XR Principles and Values_small.png](https://rebeltoolkit.extinctionrebellion.uk/uploads/images/gallery/2026-01/scaled-1680-/xr-principles-and-values-online.png)](https://rebeltoolkit.extinctionrebellion.uk/books/outreach/page/posters)