Style Sheet

& Site Styling Control Centre

Typeface

Lato

Paragraph:
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ

Heading:
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ

Heading Styles

Heading 1

Roboto - 500 Weight - 45px - 1.3em Height - #5f5c5c

Heading 2

Roboto - Bold - 32px - 1.3em Height - #333

Heading 3

Roboto - 400 Weight - 25px - 1.2em Height - #5f5c5c

Heading 4

Roboto - 500 Weight - 20 px - 1.2em Height - #5f5c5c

Heading 5

Roboto - 500 Weight- 17px - 1.2em Height - #5f5c5c

Heading 6

Roboto - Bold - 12px - 1.1em Height - #333

Heading Colour Variations

Light Heading & Text

#fff

Dark Heading & Text

#5f5c5c

Paragraph and Text

Paragraph:
Roboto - Normal - 17px - 17px Height - #5f5c5c

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Libero nunc consequat interdum varius sit. Vel turpis nunc eget lorem dolor sed viverra ipsum. Est sit amet facilisis magna etiam tempor orci eu lobortis. Sodales ut etiam sit amet. Faucibus vitae aliquet nec ullamcorper sit amet risus nullam. Ut lectus arcu bibendum at varius vel pharetra.

Text Block:
Roboto - Normal - 14px - 1.3em Height - #999
Block Quote:
Roboto - Normal - 18px - 1.3em Height - #333

Buttons

Primary Button

Button: #59c9a5 - Border Radius 4px - Padding 15, 9, 15, 9
Text: Roboto - Normal - 14px - 1.3em Height - #fff Medium Aquamarine

Secondary Button

Button: #fff - Border Radius 4px - #59c9a5 - Padding 15, 9, 15, 9
Text: Roboto - Normal - 14px - 1.3em Height - #333

Other Button

Button: #b6b6b6 - Border Radius 4px - #b6b6b6 - Padding 15, 9, 15, 9
Text: Roboto - Normal - 14px - 1.3em Height - #333

Colours

Primary

Medium Volet Red
#c32172

Main use is for branded items only.

Secondary

Deep Sky Blue
#57b5eb

For use to compliment Primary colour.

Alt 1

T
#23728a

For use in call to actions and buttons. The green supports a positive action.

Alt Background Colour

Alice Blue
#f1f9ff

To be used to alternate backgrounds in sections.

Forms

Great News, we've got your submission :)
Oops! Something went wrong while submitting the form.

Heading