Style Guide
Style standards and guidelines for silcoxortho.com
Aa
Headings: Figtree
Aa
Body: Open Sans
#456084
#456084
#456084
#456084
Base Colors
Primary
#197bc7
RGB(25, 123, 199)
Secondary
#104d7c
RGB(16, 77, 124)
Accent 1
#009da7
Accent 2
#00c29a
Supplemental Colors
Header Font
#555
RGB(85, 85, 85)
Body Font
#777
RGB(119, 119, 119)
Sub Header
#104d7c
RGB(16, 77, 124)
Neutral Light
#456084
RGB(235, 244, 250)
Neutral Dark
#104d7c
RGB(16, 77, 124)
Typography
Normal Fonts:
Headings: Figtree – 600
Body: Open Sans – Regular
Headings:
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
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. Sed viverra tellus in hac habitasse platea dictumst. Aliquet sagittis id consectetur purus ut faucibus pulvinar elementum. Risus pretium quam vulputate dignissim suspendisse in est ante
Typography Stylization
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.
Heading Two
Heading One
Paragraph Text
How to Use Fonts
Use h6 headings in the secondary color for subtitles (Titlecase), use Lato as the primary heading (Titlecase) and use Accent Color 2 to highlight important phrases or words, use Open Sans regular as the paragraph font.
Graphics
Image Frames
Textures
With Image Overlay: rgba(16, 77, 124, 0.866)
Icons
Display the icons you use here. (If icons are not from font awesome, put link to where they are from here.)
Font Awesome – Regular (Replace with font style you use)
