Style Guide 1.0
Branding
Logo
Favicon
Moodboard
Colors
Blue
HEX: #1D334E
RGB:
CMYK:
Green
HEX: #509789
RGB:
CMYK:
Gold
HEX: #DFA937
RGB:
CMYK:
White
HEX: #FFFFFF
RGB:
CMYK:
Pink
HEX: #EFD0D3
RGB:
CMYK:
Light Blue
HEX: #C0D6DD
RGB:
CMYK:
Font Families
Accent Font
Font Family: Firefly Script
Aa
Firefly Script
Heading Font
Font Family: URW Geometric
Aa
URW Geometric
Body Font
Font Family: Montserrat
Aa
Montserrat
Typography
Heading 1
Font family:
Font weight:
Font size:
Line-height:
Font Color:
Text Case:
URW Geometric
900
40px
1.2em
#1D334E
UPPERCASE
The quick brown fox jumps over the lazy dog
Heading 2
Font family:
Font weight:
Font size:
Line-height:
Font Color:
Text Case:
URW Geometric
300
36px
1.2em
#1D334E
UPPERCASE
The quick brown fox jumps over the lazy dog
Heading 3
Font family:
Font weight:
Font size:
Line-height:
Font Color:
Text Case:
URW Geometric
700
32px
1.2em
#DFA937
UPPERCASE
The quick brown fox jumps over the lazy dog
Heading 4
Font family:
Font weight:
Font size:
Line-height:
Font Color:
Text Case:
URW Geometric
Bold
30px
1.2em
#1D334E
UPPERCASE
The quick brown fox jumps over the lazy dog
Heading 5
Font family:
Font weight:
Font size:
Line-height:
Font Color:
Text Case:
URW Geometric
300
38px
1.2em
#1D334E
UPPERCASE
The quick brown fox jumps over the lazy dog
Heading 6
Font family:
Font weight:
Font size:
Line-height:
Font Color:
Text Case:
Firefly Script
Normal
70px
1.1em
#DFA937
Sentence
The quick brown fox jumps over the lazy dog
Forms & Buttons
Contact
Opt In
Opt in now!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis blandit dapibus sodales. Proin fringilla sem a felis vestibulum, in lobortis turpis sagittis. Quisque at lobortis augue, vel tristique risus.
Thanks for subscribing! Please check your email for further instructions.
Call Out Boxes
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin aliquam libero erat, quis tempus enim vestibulum sed. Nunc ultricies in magna cursus pellentesque. Interdum et malesuada fames ac ante ipsum primis in faucibus. Suspendisse porta bibendum bibendum. Ut ex nisi, porta sit amet ultrices sed, interdum vitae est. Aenean sollicitudin felis at ligula feugiat, id tempor nisl consequat. Praesent quis accumsan arcu, dignissim mollis justo. Praesent id blandit diam. Ut vel dui ac magna ultricies blandit ut vitae tellus. Maecenas sed ante iaculis, laoreet elit a, auctor ex. Nullam vestibulum suscipit risus, id mollis dui tincidunt et. Proin in enim ultricies, gravida odio vel, blandit tortor. Proin id convallis mauris, sed pellentesque massa.
Tabbed Content
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse imperdiet, nisl sed congue fringilla, justo sapien bibendum tortor, quis bibendum metus lectus a ipsum. Sed finibus feugiat lacus, sed cursus libero condimentum vitae. Ut odio lacus, porta eget diam id, scelerisque bibendum arcu. Mauris sed sapien non justo faucibus lacinia eu id diam. Duis mattis condimentum tortor, vel gravida mauris interdum vitae. Fusce vel dui lacus. Maecenas tristique purus sapien, et interdum dui cursus elementum. Etiam elementum iaculis sodales. Sed malesuada dolor ante, nec convallis arcu interdum et. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Etiam ornare fermentum risus, id posuere eros pharetra at. Aenean volutpat lacinia mattis. Nunc eu est urna. Fusce mauris dolor, ultrices ut felis ut, efficitur elementum quam.
Duis blandit velit orci, in malesuada enim pellentesque in. Fusce facilisis convallis quam id finibus. Donec congue ac metus at volutpat. Nam sollicitudin, augue sit amet faucibus facilisis, purus elit ultrices odio, vel ullamcorper erat nulla vitae lacus. Sed porta odio et sem vulputate lacinia. Aliquam nisi nulla, viverra non augue eu, pulvinar molestie erat. Integer eu faucibus magna. Nam pellentesque eu turpis sed tempus.