Style Guide
Colors
#ffffff
#FDFCFA
#F9F6F0
#ECE0CD
#DED1BC
#A89577
#FEDB43
#DF4848
#842EA0
#191D56
#222222
Typography*
*All text styles have the potential of taking on the color #FFFFFF
1440+
1024
768
Mega Heading
Font-family: “Poynter OS Display” Font-weight: 800 Font-size: 60px
Line-height: 70px Color: #191D56
Heading 1
Font-family: “Poynter OS Display” Font-weight: 800 Font-size: 48px
Line-height: 58px Color: #191D56
Heading 2
Font-family: “Poynter OS Display” Font-weight: 800 Font-size: 36px
Line-height: 46px Color: #191D56
Heading 3
Font-family: “Poynter OS Display” Font-weight: 800 Font-size: 24px
Line-height: 34px Color: #191D56
Heading 4
Font-family: “Poynter OS Display” Font-weight: 800 Font-size: 20px
Line-height: 30px Color: #191D56 Text-transform: Uppercase
Large Paragraph Text
Font-family: “FreightSans Pro” Font-weight: 400 Font-size: 30px
Line-height: 40px Color: #222222
Paragraph Text
Font-family: “FreightSans Pro” Font-weight: 400 Font-size: 20px
Line-height: 30px Color: #222222
414
320-
Mega Heading
Font-size: 42px Line-height: 52px
Heading 1
Font-size: 32px Line-height: 42px
Heading 2
Font-size: 24px Line-height: 34px
Heading 3
Font-size: 18px Line-height: 28px
Heading 4
Font-size: 14px Line-height: 24px
Buttons and Links
Light Theme
Regular Button
Ghost Button
Regular Button Arrow
Ghost Button Arrow
Dark Theme
Regular Button
Ghost Button
Regular Button Arrow
Ghost Button Arrow
Modules
Left Text Right Image
You've got to learn to fight the temptation to resist these things. Just let them happen. No worries. No cares. Just float and wait for the wind to blow you around. Now we don't want him to get lonely, so we'll give him a little friend. The light is your friend. Preserve it.
Left Image Right Text
Let's build some happy little clouds up here. I thought today we would make a happy little stream that's just running through the woods here. You can get away with a lot. Let that brush dance around there and play. Work on one thing at a time. Don't get carried away - we have plenty of time.
One Half Column Info Block
All you need is a dream in your heart, and an almighty knife. We have all at one time or another mixed some mud. A fan brush can be your best friend. Don't forget to tell these special people in your life just how special they are to you. We'll put a happy little bush here. Let your imagination be your guide.
Another One Half Column Info Block
Let's just drop a little Evergreen right here. So often we avoid running water, and running water is a lot of fun. Just let go - and fall like a little waterfall. The only prerequisite is that it makes you happy. If it makes you happy then it's good.
Quote Blocks
“Just take out whatever you don't want. It'll change your entire perspective. There is no right or wrong - as long as it makes you happy and doesn't hurt anyone. We start with a vision in our heart, and we put it on canvas.”
Name Name, Title
“We touch the canvas, the canvas takes what it wants. That's what painting is all about. It should make you feel good when you paint. Nice little fluffy clouds laying around in the sky being lazy.”
Name Name, Title