Font styles

We use a Google font called Open Sans, but when Open Sans is not available we use Helvetica as a backup. For device sizes above 900px, we use our Large breakpoints typestack. You can download Open Sans here.

Take a look at our Colours page for guidance on combining coloured text on coloured backgrounds.

Display sizeSpecs

Heading one

  • font-size: 48px
  • font-weight: Light
  • line-height: 56px
  • .inm-h1-style

Heading two

  • font-size: 40px
  • font-weight: Light
  • line-height: 48px
  • .inm-h2-style

Heading three

  • font-size: 32px
  • font-weight: Light
  • line-height: 40px
  • .inm-h3-style

Heading four

  • font-size: 24px
  • font-weight: Light
  • line-height: 36px
  • .inm-h4-style
Heading five
  • font-size: 20px
  • font-weight: Regular
  • line-height: 32px
  • .inm-h5-style
Heading six
  • font-size: 16px
  • font-weight: Semibold
  • line-height: 30px
  • .inm-h6-style
Subheading
  • font-size: 11px
  • font-weight: Bold
  • line-height: 18px
  • .inm-subheading
Body copy
  • font-size: 16px
  • font-weight: Regular
  • line-height: 28px
  • .inm-body
Small text
  • font-size: 14px
  • font-weight: Regular
  • line-height: 24px
  • .inm-small-text
Small text semibold
  • font-size: 14px
  • font-weight: Semibold
  • line-height: 24px
  • .inm-small-text--semibold
Tiny text
  • font-size: 12px
  • font-weight: Regular
  • line-height: 20px
  • .inm-tiny-text
Colour usage

Our typography can be appear in a number of colours

Dark blue
RGB
HEX
Mid blue
RGB
HEX
Dark grey
RGB
HEX
Mid grey
RGB
HEX