Too small

Browser needs to be wider!

About

These guidelines have been created by the Barbican Studio, which is the in-house design team at the Barbican Centre, London. The Studio creates most of the visual material for the Centre. It is based in the Marketing Department and consists of four permanent designers.

The current structure of the design team was created in 2011 and coincides with a major rebranding project undertaken by North. The philosophy of the team is based on the visual guidelines North created at the time. These set out a flexible system influenced by the Centre’s vision of ‘arts without boundaries’ and includes strong visual elements that allow freedom and diversity.

For further information contact design@barbican.org.uk

Browse

Language

Keep language simple

As well as sounding more friendly, plain English makes it easier for people to understand your content if they:

  • Have a low literacy level
  • Don’t speak English as a first language
  • Experience a cognitive difficulty, like dyslexia

This affects more people than you’d think. For example, 10% of the UK population is dyslexic.

Keep words and sentences short. Use contractions, such as “can’t” instead of “cannot”.

Accessibility
6.0.1
Jargon

Don’t use jargon

This can be particularly hard for people on the Autistic spectrum to understand (estimated to be 700,000 adults and children in the UK).

For example, an Autistic person can take idioms literally so avoid saying things like “over the moon” or “barrel of laughs”.

Accessibility
6.0.2
Headings

Use headings

Headings make content easier to scan. They help people find content they’re looking for and understand where they are on a page.

They’re also useful for people with visual impairments, who may be using a screen reader.

Good use of headings improves our SEO. This means that search engines like Google rank our content as better and therefore display us higher up their results pages.

Accessibility
6.0.3
Opinions

Get a second opinion

It’s good practice for someone else to read content before it’s published, to look for mistakes but also to check comprehension as someone who isn’t familiar with the subject.

Hemingway App is a quick, free tool you can use to help simplify your writing: http://www.hemingwayapp.com/

Accessibility
6.0.5
Images

Add alt text to images

Alt text describes an image so that users with screen readers know what they are.

Like headings, they also improve our SEO.

Not sure whether your image needs alt text? Use this flowchart from the University of Minnesota.

Accessibility
6.0.6