Style Guide

Look and feel of content on the BearCreek.church website

Font Styles

Specifications for fonts used in the site.

Heading 1

This is to be used as THE SINGULAR headline of the page.

Theme: H1

Font: Avenir

Font size: 50px

Not Bolded

Color: White

Default use would be on the graphic header / video montage and therefore the default color is white (on dark photo/video background)

Justification: left

Character Spacing: 0

Line Spacing:  TBD

SEO & Accessibility: H1

Heading 2

Theme: H2

Font: Avenir

Font size: 50px

Not Bolded

Color: Dark Gray #2F2E2E

Default use would be on white background.

Justification: left

Character Spacing: 0

Line Spacing:  TBD

SEO & Accessibility: H2

This is to be used as a subhead the page.

Heading 3

This is to be used as a child to a subhead of the page

Theme: H3

Font: Avenir

Font size: 30px

Not Bolded

Color: Dark Gray #2F2E2E

Default use would be on white background.

Justification: left

Character Spacing: 0

Line Spacing:  TBD

SEO & Accessibility: H3

Paragraph / body copy

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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Theme: P1

Font: Avenir Light

Font size: 17px

Bold and Italics as needed,

but NO UNDERSCORES unless the text is a link.

Color: Dark Gray #2F2E2E

Default use would be on white background.

Justification: left

Character Spacing: 0

Line Spacing:  1.6

SEO & Accessibility: P

Text links should be underlined.

Colors

Specifications for colors representing the Ministries

Preschool

#FF6161

Children

#964787

Student

#00b70b

Adult

#345773

Sports

#TBD

0e5607697_1478290155_bc-logo3.png

Onsite and Online
8:00a / 9:30a / 11:00a