Source :: The Guardian Design System

The Guardian design system blends our brand, editorial and user experience design to help build a wholistic picture of our design thinking, principles and system. The aim of this work is to enable reference of the system, and usage by design and development to be easy and accessible.

Design principles

Start with intent
Practice radical clarity
Spark powerful conversations
Generate real hope
Play with expectations

Brand

The Guardian has two expressions of its brand. The main titlepeice, and the Guardian roundel

The logo and the roundel are always aligned to top right or bottom right.

Typography

Hope is power Change is possible. Hope is power The way things are, is not the way things have to be. Hope is power.

The Guardian has 3 core typefaces. Guardian Titlepeice is the our brand font.

Guardian headline for headlines and Text Egyptian for hardworking body copy.

Colour system

The Guardian’s colour system is based on its sections. Each colour represents a pillar of our journalism.

Here is a selection of the colours. For more in depth palette look here.