Website Design’s for Roofers

Your Brand Expression

Each business owner and brand possesses a unique identity that should be accurately portrayed on their website. We commonly observe three fundamental archetypes: Big & Bold, Refined & Bold, and Refined & Elegant

Please inform us which category best captures the essence of your brand and its public image.

1. Big & Bold Branding

“Big and bold” is just as it sounds: characterized by a significant personality, brashness, and confidence. This style includes large images, wide screens, big text, and fonts—everything oversized. It showcases spacious section spacing, high-contrast content, vibrant colors and backgrounds, along with the use of ALL CAPS.

Typography

Logo Font: Helvetica Black

Heading Font 1: Archivo
Size: 55px
Weight: 900

Heading Font 2: Archivo
Size: 45px
Weight: 700

Heading Font 3: Archivo
Size: 20px
Weight: 700

Body Font: Judson
Size: 18.7px
Weight: 400

2. Refined and Bold Branding

“Refined and bold” is designed for those in the middle. We employ large images and a wide format, yet bring it all together with slightly smaller fonts and text, reflecting a balance of confidence and modesty.

Typography

Logo Font: Helvetica Black

Heading Font 1: Oswald
Size: 55px
Weight: 500

Heading Font 2: Oswald
Size: 45px
Weight: 500

Heading Font 3: Oswald
Size: 25px
Weight: 500

Body Font: Montserrat
Size: 16px
Weight: 400

3. Refined & Elegant Branding

“Refined and Elegant” encapsulates a personality characterized by being meticulous, understated, with a blend of competence, confidence, and professionalism. More respectful sizing of titles and body text allows for ample space for readable content and potentially improves SEO footprints.

Typography

Logo Font: Helvetica Black

Heading Font 1: Josefin Sans
Size: 35px
Weight: 700

Heading Font 2: Josefin Sans
Size: 24px
Weight: 700

Heading Font 3: Josefin Sans
Size: 21px
Weight: 700

Body Font: Quattrocento
Size: 16px
Weight: 400

Residential Background Hero Videos

Residential Background Hero Images

Residential Images for Specific Services

Commercial Background Hero Videos

 

Commercial Background Hero Images

Commercial Images for Specific Services

Example Color Palette Variations

Fully customizable, select or create your own palette.

IBM

IBM #1

IBM #2

IBM #3

Ocean

Ocean #1

Ocean #2

Ocean #3

Apple

Apple #1

Apple #2

Apple #3

Color Palette #01

Green, white, and black color palette.

A

Green, black, and white website theme.

B

Green, black, and white website theme.

C

Green, black, and white website theme.

Color Palette #02

red yellow black color palette

A

Yellow, black, and red website theme.

B

Yellow, black, and red website theme.

C

Yellow, black, and red website theme.

Color Palette #03

Red, white, and black color palette.

A

B

Red, white, and black website theme.

C

Red, white, and black website theme.

Color Palette #04

A

B

C

Color Palette #05

A

B

C

Color Palette #06

A

B

C

Color Palette #07

A

B

C

Color Palette #08

A

B

C

Color Palette #09

A

B

C

Color Palette #10

A

B

C

Color Palette #11

A

B

C

Color Palette #12

A

B

C

Color Palette #13

A

B

C

Color Palette #14

A

B

C