Onlineschool.ca
LOG
INTO
@HCOS
LOG
INTO
HCOS

Welcome

to the HCOS Brand Guidelines

Below you will find all the elements that make up the HCOS Brand with a variety of rules and guidelines to follow, to ensure our brand looks its best in all situations.

Logo Guidelines

Learn More

Typography

Read More

Color Palette

Explore

Photography

Find Out More

Patterns

Read More
Support

KEEP IN TOUCH

Copyright 2025 | Heritage Christian Online School

Heritage Christian Online School is a division of Kelowna Christian Center Society

privacy policy | terms & conditions | Copyright 2021
privacy policy | Copyright 2025
Heritage Christian Online School

Logos

Symbol Mark

Primary

Secondary

Vertical

Combination

Found the logo you need? contact the design team here.

Get Started

Spacing

Symbol Mark

The spacing around the symbol logo is equal to half the width of the small left leaf.

Primary

The spacing around the primary logo is based on the size of the letter H.

Secondary

The spacing around the secondary logo is equal to the space used between the inside of the border and the letter H.

What Not to Do

If you are ever unsure altering the logo, please reach out to the design team. All of these what not to do’s apply to all versions of the logos.
The spacing around the symbol logo is equal to have the width of the small left leaf.
The spacing around the symbol logo is equal to have the width of the small left leaf.
The spacing around the symbol logo is equal to have the width of the small left leaf.
The spacing around the symbol logo is equal to have the width of the small left leaf.
The spacing around the symbol logo is equal to have the width of the small left leaf.
The spacing around the symbol logo is equal to have the width of the small left leaf.
The spacing around the symbol logo is equal to have the width of the small left leaf.
The spacing around the symbol logo is equal to have the width of the small left leaf.

Typography

We use Poppins for all our typography. Below you can find our font styles for desktop web typography. For more information on typography sizing and weights for custom projects please contact the design team.

Poppins

abcdefghijklmnopqrstuvwxyz
abcdefghijklmnopqrstuvwxyz
1234567890
“![]$@#&();?%*

Type Scale

Style Name
Font size / Weight
Line Height
Letter-spacing
Style Name
Font size/Weight
Line Height
Letter-Spacing
Heading One
72 px / Bold
72 px
0 px
Heading Two
56 px / Semi Bold
56 px
0 px
Heading Three
36 px / Medium
36 px
0 px
Heading Four
32 px / Bold
32 px
0 px
Heading Five
24 px / Bold
32 px
0 px
Heading Six
14 px / Bold
14 px
3 px
Body Large
18 px / Bold
18 px
0.9 px
Body Standard
16 px / Bold
16 px
0 px
Body Italic
16 px / Semi-bold Italic
16 px
1 px

Color Palette

The colors used establish the warmth in the brand. Please do not incorporate colors not used within our color palette.
Olive
#438A6B
PMS 7730 C
#1C593E PMS 7734 C
#C5DCD1
#2B6A4F
#D8EBE2
#8BB6A1
#EEF1EE
Blackish
#121211
#000000
#898988
#4D4D4D
#C4C4C4
Stone
#DECEBF PMS 4685 C
#9F5733
#CFB8A6
#B37A56
#E7DBD1
#C1A28A
#F8F4F0
Gold
#F5B257
#CE8640
#FFD496
#F5A557
#FDDEB1
#FFC36B

Photography

Photography will focus on warm lighting and show children engaging in educational activities. The photos are shot in golden hour and usually contain warm tones and plants which adds continuity to the colour palette of the brand.

To request a photo or receive approval on a photo choice, please contact the design team.

Get Started

Patterns

Usage can fluctuate for the patterns. The background color will determine which color pattern you use. Patterns can be used as accents or as prominent design asset. If the provided patterns do not work within your design please contact the design team for a custom laid out pattern for your project!

Need a pattern for your project? contact the design team!

Get Started