Global Colours
PRIMARY COLOUR
This the primary colour, or is just BLACK, it is the main colour for the H1 text. #000000
SECONDARY COLOUR
This the secondary colour, a shade of GREY. #54595F
TEXT COLOUR
This the main colour of the BODY or PARAGRAPH copy on this website. #7A7A7A
ACCENT COLOUR
Used for buttons, post navigation widgets and H4, H5, H6 headings. #5C4B27
48TH BLUE
This blue is based on the blue of our Regimental Colour banner, although this blue is a little darker. This blue is used mostly on the footer of this site. #111B34
48TH KHAKI BROWN
This colour is used mostly on the H2 headings. #8A865D
48TH GREEN
This green is used mostly on H3 headings and on text that is active or has a URL linked to it. #007838
Light grey
This colour is used in some locations to create a border next to the white background. #EDEDED
MID GREY
This colour is used in some locations to create a border next to the white background. #C9C9C7
RED
This colour is based on the red from the Insignia and is used only when something needs to really stand out. #FF0000
Global Fonts
PRIMARY FONT
This font is called Montserrat Bold, and is used in most headings.
SECONDARY FONT
This font is called Libre Baskerville, it is a serif font and is used occasionally in a header or a unique piece of text.
The main font for the body/paragraph text is Helvetica and it is the 16 px size.
ACCENT FONT
This font is also Montserrat Bold, the same as the Primary font, it is usually used for active text (text that links to another page or site).
TYPOGRAPHY SAMPLES
H1 sample
Font: Montserrat Bold. Size 42. Colour: Primary (Black)
H2 Sample
Colour 48th khaki brown: #8A865D Font: Montserrat Bold. Size:38
H3 Sample
Colour: 48th Green 007838 Font: Montserrat Bold. Size: 30.
H4 Sample
Colour Accent: #5C4B27 Font: Montserrat Bold. Size:24
H5 Sample
Colour Accent: #5C4B27 Font: Montserrat Bold. Size:20
H6 Sample
Colour Accent: #5C4B27 Font: Montserrat Bold. Size:18
Sample body test Helvetica 14. Colour: text #7A7A7A
Linked text will be the “48th Khaki” colour and doesn’t have to be a certain size or font.
Global Buttons
Buttons should be black with a white border. Changing to the “Accent” colour when the mouse hovers over it. Border radius 10.
