Website Style Guide

This page outlines the current styles and standards for the Fullriver Battery website.
Current heading (H) text font: Georgia
Current body text Font: Roboto
Other font styles can be found on the Google Fonts website (please let us know if you would like to see what another font looks like).
Other colors can be found on the Color Space website (please let us know if you would like to see what other colors look like).

Primary

Since this is your brand's primary color, it will be used most often on your website.
ultra-light
light
dark
ultra-dark

Secondary

An alternate color that compliments the primary color, used sporadically on the website.
ultra-light
light
dark
ultra-dark

Accent

Typically the least used color on the website, usually reserved for action items (buttons, links, etc.)
ultra-light
light
dark
ultra-dark

Base

Typically the darkest color or background color for the website.
ultra-light
light
dark
ultra-dark

Heading One (H1)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Heading Two (H2)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Heading Three (H3)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Heading Four (H4)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Heading Five (H5)
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Heading Six (H6)
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Default Buttons

Default ButtonOutline Button

Buttons on Dark

ButtonOutline

Buttons on Primary

Alt ButtonAlt Outline

Button Sizes

XXL ButtonXL ButtonLG ButtonM ButtonS ButtonXS Button