Styleguide FOR mind.org.uk

Typography

As with colours, we use Mind brand fonts to ensure a consistent and recognisable experience for people across platforms, marketing, and products.

Our main brand font on the website is Street Corner. This is used throughout for all content with the exception of quotes, where we use Alabama.

Alabama is only used to represent the thoughts and feelings of people with mental health problems. It allows their voices to come to the fore, making us more human and personal. It is never used as Mind’s ‘voice’ – for content like this we use Street Corner.

Heading levels

There are six heading levels on our website. Headings should be correctly nested – see the Crafting the content section of our Web content how-to guide for more.

H1 - This is a Heading level 1 

H2 - Heading level 2

H3 - Heading level 3

H4 - Heading level 4

H5 - Heading level 5
H6 - Heading level 6

Fonts

Street Corner

Aa

  • A
  • b
  • c
  • d
  • e
  • f
  • g
  • h
  • i
  • j
  • k
  • l
  • m
  • n
  • o
  • p
  • q
  • r
  • s
  • t
  • u
  • v
  • w
  • x
  • y
  • z
  • A
  • b
  • c
  • d
  • e
  • f
  • g
  • h
  • i
  • j
  • k
  • l
  • m
  • n
  • o
  • p
  • q
  • r
  • s
  • t
  • u
  • v
  • w
  • x
  • y
  • z
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Alabama

Aa

  • A
  • b
  • c
  • d
  • e
  • f
  • g
  • h
  • i
  • j
  • k
  • l
  • m
  • n
  • o
  • p
  • q
  • r
  • s
  • t
  • u
  • v
  • w
  • x
  • y
  • z
  • A
  • b
  • c
  • d
  • e
  • f
  • g
  • h
  • i
  • j
  • k
  • l
  • m
  • n
  • o
  • p
  • q
  • r
  • s
  • t
  • u
  • v
  • w
  • x
  • y
  • z
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Previous

 

 

 

Next