Style Guide
Style standards and guidelines for Jeremie Rising
Aa
Headings: Quicksand
Aa
Body: Quicksand
#007d8b
#00b2c4
#f26b4d
#f6cc40
Base Colors
Primary
#007d8b
RGB(255, 255, 255)
Secondary
#00b2c4
RGB(255, 255, 255)
Accent 1
#f26b4d
Accent 2
#f6cc40
Supplemental Colors
Header Font
#456084
RGB(255, 255, 255)
Body Font
#456084
RGB(255, 255, 255)
Sub Header
#456084
RGB(255, 255, 255)
Neutral Light
#456084
RGB(255, 255, 255)
Neutral Dark
#1d484f
RGB(255, 255, 255)
Other
#456084
RGB(255, 255, 255)
Gradients
Primary Gradient:
Color Stop 1: #f26b4d, RGB(255, 255, 255)
Color Stop 2: #f5e635, RGB(255, 255, 255)
Secondary Gradient:
Color Stop 1: #008897, RGB(255, 255, 255)
Color Stop 2: #00b2c4, RGB(255, 255, 255)
Typography
Normal Fonts:
Headings: Lato – 700
Alt Headings: Shadows Into Light
Body: Lato – Regular
Headings:
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Display Headings:
Display 1
Display 2
Display 3
Display 4
Alt Headings:
Heading 3
Heading 4
Heading 5
Body:
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Sodales neque sodales ut etiam sit amet. Maecenas sed enim ut sem viverra aliquet eget sit.
Typography Stylization
Heading Two
Heading One
Paragraph Text
How to Use Fonts
Specify how the fonts are meant to be used here, add any special notes such as use of color with fonts, if they will be used with dividers, etc.
Example: Use Dancing Script as an accent heading (Titlecase), use Lato as the primary heading (Titlecase), use Lato regular as the paragraph font.
Graphics
Image Frames
Header Frames
Other Frames
Textures
Icons
Font Awesome – Regular (Replace with font style you use)
*delete this: If icons are not from font awesome, put link to where they are from here.
Buttons
Button Details
Padding: 5px 20px 5px 20px
Border Radius: 5px
Text Case: Uppercase or Title Case