General Site Specifications
Heading: H1
Specifications
- Roboto Slab - Regular
- Font-Size: 36px
- Hex Color: #BE0F34
- RGB Color: R:190 G:15 B:52
- Line Height: 40px
- Roboto Slab - Regular
- Font-Size: 40px
- Hex Color: #BE0F34
- RGB Color: R:190 G:15 B:52
- Line Height: 43px
Used as page header titles. In most cases this will be the main title of the page, and be automatically filled out. Should not be used for anything else, to keep SEO organized.
Suggested Word Count- 3-10 Words
- Under 80
Heading: H2
Specifications
- Roboto Slab - Regular
- Font-Size: 36px
- Hex Color: #BE0F34
- RGB Color: R:190 G:15 B:52
- Line Height: 40px
- Roboto Slab - Regular
- Font-Size: 40px
- Hex Color: #BE0F34
- RGB Color: R:190 G:15 B:52
- Line Height: 43px
Used as page header titles. In most cases this will be the main title of the page, and be automatically filled out. Should not be used for anything else, to keep SEO organized.
Suggested Word Count- 3-10 Words
- Under 80
Heading: H3
Specifications
- Roboto - Light
- Font-Size: 24px
- Hex Color: #BE0F34
- RGB Color: R:190 G:15 B:52
- Line Height: 28px
- Roboto - Light
- Font-Size: 33px
- Hex Color: #BE0F34
- RGB Color: R:190 G:15 B:52
- Line Height: 33px
Used as for smaller section titles, subtitles, and tan-panel titles. Can also be list headers. This is the most widely used title/subtitle.
Suggested Word Count- 3-30 Words
- Under 175
Heading: H4
Specifications
- Roboto - Medium
- Font-Size: 18px
- Hex Color: #20262B
- RGB Color: R:32 G:38 B:43
- Line Height: 21px
- Roboto - Medium
- Font-Size: 26px
- Hex Color: #20262B
- RGB Color: R:32 G:38 B:43
- Line Height: 30px
Used as for smaller subtitles, and to highlight certain text callouts; i.e.: Overall Odds Ratios under a text block explaining a game. Can also be table headers.
Suggested Word Count- 3-30 Words
- Under 175
Heading: H5
Specifications
- Roboto - Bold
- Font-Size: 16px
- Hex Color: #5161AC
- RGB Color: R:81 G:97 B:172
- Line Height: 19px
- Roboto - Bold
- Font-Size: 21px
- Hex Color: #5161AC
- RGB Color: R:81 G:97 B:172
- Line Height: 26px
Not widely used for smaller subtitles, but can be used in text to differentiate ideas or sections, for further subdivide a section with an H4 Title.
Suggested Word Count- 3-30 Words
- Under 175
Heading: H6
Specifications
- Roboto - Bold
- Font-Size: 18px
- Hex Color: #20262B
- RGB Color: R:32 G:38 B:43
- Line Height: 21px
- Letter-Spacing: 6px
- Always Uppercase
- Roboto - Bold
- Font-Size: 21px
- Hex Color: #20262B
- RGB Color: R:32 G:38 B:43
- Line Height: 26px
- Letter-Spacing: 7px
- Always Uppercase
Used as table headers or small section headers. Due to it being always uppercase, with a wide letter-spacing, this is to strongly divide one section from another, as it will visually break up the page.
Suggested Word Count- 1-5 Words
- Under 40
Paragraph text: Lucas ipsum dolor sit amet beru antilles isard lars terrik tapani talz roonan ikrit droopy. Lowbacca maris ansion tagge sola clawdite lumiya gungan. Zabrak raa trioculus leia drovian kwi. Tarasin kwi gev sio bail gotal shimrra nassau cadavine.
Specifications
- Roboto - Light
- Font-Size: 16px
- Hex Color: #20262B
- RGB Color: R:32 G:38 B:43
- Line Height: 24px
- Paragraph Seperation: 15px
- Roboto - Light
- Font-Size: 21px
- Hex Color: #20262B
- RGB Color: R:32 G:38 B:43
- Line Height: 24px
- Paragraph Seperation: 15px
This is a main body copy for the site.
- List item text.
- Coruscant qui-gonn.
- Dalonbian firrerreo cognus jamillia.
Specifications
- List item Shape: Bullet
- Margin-left: 25px
- Padding-left: 25px
- Text will be paragraph text
- Ordered list item text.
- Bibble annoo tion.
- Amedda mirialan kohl boss.
Specifications
- List item Shape: Bullet
- Margin-left: 25px
- Padding-left: 25px
- Text will be paragraph text
Bolded Text
Italic Text
Bold Italic Text
Specifications
- Italic: Roboto - Light Italic
- Bold Italic: Roboto - Bold Italic
- Bold: Roboto - Bold
- Link Color: #5161AC, Underlined
Instructional Content Panel
Instructional text: Lucas ipsum dolor sit amet beru antilles isard lars terrik tapani talz roonan ikrit droopy. Lowbacca maris ansion tagge sola clawdite lumiya gungan. Zabrak raa trioculus leia drovian kwi. Tarasin kwi gev sio bail gotal shimrra nassau cadavine. Himoran wyl t'landa arcona zabrak. Marek jan triclops bardan dak doldur hoojib ozzel. Moff huk antilles chazrach trandoshan adi ansion.
Bottom Callout Text
Specifications
- H3 Title
- Paragraph Text
- H4 Bottom Callout
- Background Color: #F1EFEE
- Background RGB Color: R:241 G:239 B:238
- Padding: 20px
- Width: 100% of the container
- For any type of instructions, directions, or any other sequential idea that needs separated from the rest of the page’s content.
Specifications
- 864px
- Variable, but suggest 328px
- Roboto - Bold
- Font-Size: 14px
- Mobile Size: 18px
- Hex Color: #20262B
- RGB Color: R:32 G:38 B:43
- Line Height: 16px
- Mobile Line Height: 21px
- Image/Caption Seperation: 10px
- Margin-Bottom: 20px
- Text Align: Left
For use on any page where a full width image will be used in the content area.
Paragraph text: Lucas ipsum dolor sit amet beru antilles isard lars terrik tapani talz roonan ikrit droopy. Lowbacca maris ansion tagge sola clawdite lumiya gungan. Zabrak raa trioculus leia drovian kwi. Tarasin kwi gev sio bail gotal shimrra nassau cadavine.
- List item text.
- Coruscant qui-gonn.
- Dalonbian firrerreo cognus jamillia.
Solo sulorine mirta owen crynyd cassio cato coruscant vebb. Haako er'kit squib x'ting. Kushiban mimbanite ackbar rom wicket skywalker tierce. Sidious polis axmis tsavong yuuzhan gossam skywalker qel-droma.
Specifications
- 200px to 432px, but suggest 338px
- Variable, but suggest 328px
- Roboto - Bold
- Font-Size: 14px
- Mobile Size: 18px
- Hex Color: #20262B
- RGB Color: R:32 G:38 B:43
- Line Height: 16px
- Mobile Line Height: 21px
- Image/Caption Seperation: 10px
- Margin-Bottom: 20px
- Text Align: Left
Floated left around text content
UsageFor use on any page where a descriptive or complimentary image will be used in the content area. Should be related to the text block adjacent to it, but not required.
Paragraph text: Lucas ipsum dolor sit amet beru antilles isard lars terrik tapani talz roonan ikrit droopy. Lowbacca maris ansion tagge sola clawdite lumiya gungan. Zabrak raa trioculus leia drovian kwi. Tarasin kwi gev sio bail gotal shimrra nassau cadavine.
- List item text.
- Coruscant qui-gonn.
- Dalonbian firrerreo cognus jamillia.
Solo sulorine mirta owen crynyd cassio cato coruscant vebb. Haako er'kit squib x'ting. Kushiban mimbanite ackbar rom wicket skywalker tierce. Sidious polis axmis tsavong yuuzhan gossam skywalker qel-droma.
Specifications
- 200px to 432px, but suggest 338px
- Variable, but suggest 328px
- Roboto - Bold
- Font-Size: 14px
- Mobile Size: 18px
- Hex Color: #20262B
- RGB Color: R:32 G:38 B:43
- Line Height: 16px
- Mobile Line Height: 21px
- Image/Caption Seperation: 10px
- Margin-Bottom: 20px
- Text Align: Left
Floated right around text content
UsageFor use on any page where a descriptive or complimentary image will be used in the content area. Should be related to the text block adjacent to it, but not required.