Ïã¸ÛÁùºÏ²Ê×ÊÁÏͼ¿â

Please note:

• only these approved colours and fonts should be used on the website
• colors should only be used in the correct sections (for example you wouldn't use a pink button on a teal libraries page)

Fonts

Heading 1

• Size - 33px
• Line height - 1.21
• Font Lato

Heading 2

• Size - 28px
• Line height - 1.21
• Font Lato

Heading 3

• Size - 25px
• Line height - 1.21
• Font Lato

Heading 4

• Size - 20px
• Line height - 1.21
• Font Lato

Body text

• Size - 14px
• Line height - 20px
• Font Roboto

Buttons

Burgundy button

Blue button

Pink button

Green button

Teal button

Focus state

Focus state is the colour change when an item receives keyboard focus. 

For all buttons the colour changes to: 

• #ffff00

It also receives a line boarder:

• 2px, #000000

Ïã¸ÛÁùºÏ²Ê×ÊÁÏͼ¿â County Council branding

Example page:

• Ïã¸ÛÁùºÏ²Ê×ÊÁÏͼ¿â County Council

Births, deaths, marriages and citizenship

Example page:

• Births, deaths, marriages and citizenship

Libraries

Example page:

• Libraries

Fostering

Example page:

• Fostering

Worcester Children's First (WCF)

Example page:

• Children's services

Let's Waste less

Example page:

• Let's Waste less

Pensions

Example page:

Ïã¸ÛÁùºÏ²Ê×ÊÁÏͼ¿â Works Well

Example page:

• Ïã¸ÛÁùºÏ²Ê×ÊÁÏͼ¿â Works Well

Ïã¸ÛÁùºÏ²Ê×ÊÁÏͼ¿â Lieutenancy

Example page:

• Ïã¸ÛÁùºÏ²Ê×ÊÁÏͼ¿â Lieutenancy