Style Sheet
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.
Roboto - Normal - 14px - 1.3em Height - #999
Block Quote:
Roboto - Normal - 18px - 1.3em Height - #333
Buttons
Primary ButtonButton: #59c9a5 - Border Radius 4px - Padding 15, 9, 15, 9
Text: Roboto - Normal - 14px - 1.3em Height - #fff Medium Aquamarine
Button: #fff - Border Radius 4px - #59c9a5 - Padding 15, 9, 15, 9
Text: Roboto - Normal - 14px - 1.3em Height - #333
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.
