Animations

Fade: Duration: 0.3s Easing: ease-out (Hover to see effect)
Movement: Duration: 0.3s Easing: ease-in-out; (Hover to see effect)

Colours

Neutral, backgrounds and text

  • White #FFFFFF
  • Off white: #F1F1EE
  • Paper: #D9D4CA
  • Light gray: #777777
  • Medium gray: #4D4D4D
  • Dark Gray: #232323
  • Links: #095F90
  • Links Alt: #d12d1e
  • Dark Blue: #293745
  • Black: #1A1A1A

Top level section colours

  • Search: Blue: #1676AA
  • Labs: Jade green: #37B98B
  • Pro: Raspberry: #E11D53
  • Research: Purple: #7F3978
  • Project sites: Orange: #d43900

Brand colours

  • Yellow: #FFAE00
  • Red: #F22F24
  • Orange: #d43900
  • Raspberry: #E11D53
  • Jade green: #37B98B
  • Light Blue: #4BC0F0
  • Blue: #1676AA
  • Purple: #7F3978

Fonts

Body font:

"Open Sans", "Arial", sans-serif;

"Open Sans", "Arial", sans-serif;

"Open Sans", "Arial", sans-serif;

Secondary/Title font:

Ubuntu, Arial, sans-serif;

Ubuntu, Arial, sans-serif;

Ubuntu, Arial, sans-serif;

Visibility

This text is hidden on smaller screens

This text is only visible on smaller screens

This text is hidden on medium screens only

This text is only visible on medium screens

This text is hidden on large screens

This text is only visible on large screens