Website style guide

Templates

Use page templates, saved rows and custom elements almost exclusively to maintain site and brand consistency.

Text

Font is Lato 18px. Regular weight.

Content page subheadings have font size 21px.

Do not CAPITALISE or bold body text. Do not change font.

Do not change font size unless absolutely necessary. Do not edit the font size or colour within the 'general' tab of the text editor: only use the 'style' tab to change the entire block style.

Colour is #4e4f56.

When on a dark-coloured background or image with dark overlay is white #ffffff.

Linked and accent colour is #f3920b

Headings

Font is Lato.

Colour is #4e4f56 on a white background and #1c5868 on a shaded or coloured background.

There should only be one Heading 1 per page.

Headings should be 'nested' so that heading 2 only appears under a heading one, and so on.

Heading 1

Heading 2

Heading 3

Backgrounds

Light grey heading

Light grey

Teal

Dark grey

Button

Use Saved > Modules > ABGi button

Bullet points

Use standard bullet points by default unless absolutely required.

  • List item 1
  • List item 2
  • List item 3

If more fancy visuals are required, use Saved > Modules > ABGi bullet points fancy icons

List item 1
List item 2
List item 3

Navigation boxes

Large with image

Used on the homepage and for nav boxes that should take a lot of room and focus. Use only on white background.
Saved > Columns > ABGi large image nav box

calculator-icon

Example box

with some example text

calculator-icon

Example box

with some example text

Small titles

When images not required. Can be used on the light grey background.
Saved > Modules > ABGi small nav titles.

Darker with image

For use on the light grey background.
Saved > Modules > ABGi darker image nav box

consultancy

Box 1

r&d-icon

Box 2

risk-assurance-icon

Box 3

grants-icon

Box 4