TYPOGRAPHY
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6 - Disclaimer text
Paragraph: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Hyperlink: www.accurium.com.au
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
PRIMARY COLOUR PALETTE
Primary Blue
#1D4567
Secondary Blue
#005F9E
Blue dark
#162B42
Blue (hyperlink)
#0B6DA8
Blue Accent 2
(Secondary on dark)
#3FAED8
Blue Accent 1
(Primary on dark)
#6CB8DD
Light grey
#F3F3F3
Grey
#DBD9D9
Text grey
#666666
Dark Grey
#343a40
White
#FFFFFF
Black
#000000
ACCURIUM COLOURS ON DARK
Secondary Blue
(Primary on dark)
#005F9E
Blue
#0B6DA8
White
#FFFFFF
Light grey
#F3F3F3
Grey
#DBD9D9
EDUCATION COLOURS ON DARK
Blue Accent 1
(Primary on dark Edu)
#6CB8DD
Blue Accent 2
(Secondary on dark Edu)
#3FAED8
Hyperlink
White
#FFFFFF
Light grey
#F3F3F3
Grey
#DBD9D9
Blue
#0B6DA8
MESSAGE COLOURS
Success
#61CE70
Error
#EC1E1E
Information
#23418C
BUTTONS
Primary button to be used on white background
Secondary button, which becomes primary on dark background
Other button option for use in WooComm and cart etc when there is a need for more than one button in close range with different actions
Other button option for use in WooComm and cart etc when there is a need for more than one button in close range with different actions
The below is for landing pages only and will be further developed by marketing.
LISTS
Static with icons
Hyperlinks with icons
Static bullets
Static numbers
- List Item #1
- List Item #2
- List Item #3
- List Item #1
- List Item #2
- List Item #3
- First point
- Second point
- Third point
- First
- Second
- Third
- List Item #1
- List Item #2
- List Item #3
- List Item #1
- List Item #2
- List Item #3
- First point
- Second point
- Third point
- First
- Second
- Third
- List Item #1
- List Item #2
- List Item #3
- List Item #1
- List Item #2
- List Item #3
TABLES
WATCH THIS SPACE
ACCORDIANS
DIVIDERS
Avoid using where possible but if required use below for light and dark backgrounds.
The below divider is to only be used on product pages.
VIDEOS
FORM
ARTICLES
First heading: Heading 5 bold
Second heading: Paragraph bold
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Button =primary, medium, with icon the icon spacing = 18,
Button links = should open in a new window if they are links to external websites, all Accurium website links can open in the same window
Correct PDF icon
Incorrect PDF icon
