Style Guide
Style standards and guidelines for [insert domain name here]
Aa
Headings: Montserrat
Aa
Body: Montserrat
Base Colors
Primary
Secondary
Accent 1
Accent 2
Supplemental Colors
Header Font
#555555
RGB(255, 255, 255)
Body Font
Sub Header
#555555
RGB(255, 255, 255)
Neutral Light
#555555
RGB(255, 255, 255)
Neutral Dark
#555555
RGB(255, 255, 255)
Other
#555555
RGB(255, 255, 255)
Gradients
Primary Gradient:
Color Stop 1: #555555, RGB(255, 255, 255)
Color Stop 2: #555555, RGB(255, 255, 255)
Primary Gradient:
Color Stop 1: #555555, RGB(255, 255, 255)
Color Stop 2: #555555, RGB(255, 255, 255)
Typography
Normal Fonts:
Headings: Montserrat – 700
Alt Headings: Dancing Script
Body: Montserrat – 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