Styleguide FOR mind.org.uk

Infographic

65%

Description Text

£100

Description Text

3:1

Description Text

Placement

Infrographics are placed in 33 / 33 / 33 rows, and appear side by side on desktop screens - on tablet / mobile they will wrap around each other and take up the full width of the screen.

Settings

  • Icon- an icon that represents the infographic. Please note - the icon either needs to have a transparent background, or use the same background colour of the infographic.
  • Title - Main large text to represent the infographic. This is usually a figure e.g. 65% - please note, there is a limited amount of space on desktop screens for how much text can go into this area, and experimentation is required.
  • Description - Description justifying the figure displayed in the title.