Design Guidance

Color Scheme

#036ba9

#0277bd

#3e96ca

#489acd

#1a8967

#199e7b

#58b69f

#a0cb72

#32383c

#616a71

#eceef4

Font Families

Aa Brandon Grotesque

Aa Open Sans

Typography

Header 1

Brandon Grotesque Bold 45px

Header 2

Brandon Grotesque Bold 36px

Header 3

Brandon Grotesque Regular 30px

Header 4

Brandon Grotesque Bold 26px

Header 5

Brandon Grotesque Bold 24px

Header 6

Brandon Grotesque Bold 20px

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.

Lorem ipsum dolor sit amet
Has viderer facilisis similique in
Vel mollis tamquam et

Lorem ipsum dolor sit amet
Has viderer facilisis similique in
Vel mollis tamquam et

Open Sans Regular 17px

Snippets

2 Equal Columns

3 Equal Columns

4 Equal Columns

6 Equal Columns

Responsive Multi-Column

Content

Responsive Table (Pivot)

Column 1	Column 1	Column 1	Column 1	Column 1	Column 1
Content	Content	Content	Content	Content	Content
Content	Content	Content	Content	Content	Content
Content	Content	Content	Content	Content	Content
Content	Content	Content	Content	Content	Content

Testimonial

"I love having illustrators visit our school and our students are absolutely mesmerized by them. Illustrations are what bring a book alive... Every year I try and have at least one illustrator visit our school... It has always been a very memorable visit."

- Jullie Desmarais

Blueridge Elementary (North Vancouver)

Custom Styles

Grey Button
Blue Button
Button with Arrow
Link with Arrow

Text color: mint

Text color: lime

Text color: blue

Text style: author

Image with borders

CWILL BC SITE GUIDE