APAN website style guide

Colours

#ffffff
White

Good ‘ol white

#161616
Black

Slightly softer than pure black to offset the jarring effect of pure black (#000000). Used for top menu

#585858
Dark Grey

Again to offset jarring of pure black. Used for body copy on white background.

#B50014
Red text on white background

Used for links, highlights and call to action. Can also be used as background for white text.

#00a261
APAN Green

Not accessible so only use for decoration.

#028852
Green on White 18pt+

Closest accessible colour to APAN Green. Only to be using 18pt font size or no longer accessible.

#0F6442
Primary Green

Green used for background when white text is used.

Also used for green text on White

#8BC6AF
Black on green

Green used for background when black text is used

Type

Do not use “bold” for headings etc. Bold is ugly. 

Use “semi-bold” instead. This can be selected in the modules text settings

“Normal” text for reference

Heading One – only used for page titles

Heading Two – 26px

Heading Three – 23px

Heading Four – 20px

Decoration

Boxes have a 10px rounded corner (found under the border setting)

Accessibility

If you are unsure about accessible colours, you can test you can test them with the WCAG CONTRAST CHECKER