Brand Guide

Table of Contents

Brand Colors

Neutral Colors

#1B2432

SOFT BLACK 

Heading Text
Page Text

#D6D6D6

Dark Grey

Section Backgrounds
Accents
Highlights

#F4F4F4

Accent Grey

Section Backgrounds

#ffffff

plain white

Page Backgrounds

Reds

#AD2121

Deep Red

Heading Text
Small Graphics
Section Backgrounds
Visited Hyperlinks

#E2211C

Logo Red

Heading Text
Buttons
Hyperlinks

#F94326

RED

Accents
Highlights

#E87F74

Accent Red

Accents
Highlights
Section Backgrounds

Blues

#173B69

Dark Blue

Headlines
Buttons
Small Graphics
Section Backgrounds Headings

#005CB9

Logo Blue

Headings Section Backgrounds
Hyperlinks

#008CFF

BLUE

Accents
Highlights

#5989BA

Accent Blue

Accents
Highlights Section Background

Company Profile

Boxes & Buckets

Boxes On Photography

  • Style
    • Border
      • Border Radius: 8px
      • Box Shadow
        •  Horizontal: 0
        • Vertical: 0
        • Blue: 47
        • Spread: 4
        • Position: Outline
  • Advanced
    • Padding: 50, 50, 50, 50

Why Quality AC Service is Important in Phoenix, Arizona.

This is sample body text. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. This is sample body text. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.This is sample body text. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

This is sample body text. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. This is sample body text. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.This is sample body text. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Pre-Defined Elements

  • Style
    • Border Radius: 8px
    • Drop Shadow: Yes
      • Hover Effect: Gradient
  • Advanced
    • Margin Top: 20px
    • Margin Bottom: 20px

Custom Boxes

    • Style
      • Border
        • Border Radius: 8px
        • Box Shadow
          • Horizontal: 0
          • Vertical: 0
          • Blur: 6
          • Spread: 2
          • Position: Outline
          • Color: rgba(0, 0, 0, 0.2)
fron of canyon state ac heating and plumbing building with plumbers and hvac contractors with owners in the middle phoenix az

How Air Conditioning Works

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.

  • Customer service responses are friendly and prompt.
  • HVAC technicians are knowledgeable and resourceful.
  • We take pride in the quality of our workmanship
  • Our office staff is professional and eager to serve you.

Buttons & Links

Buttons

Details

Example

  • Large Red Button
    • Font: Poppins
    • Font Size: 15px
    • Text Transformation: None
    • Line Height: 1.4
    • Color: #FFFFFF
    • Button Color: #E2211C
    • Font Weight: 600
    • Border Radius: 30, 30, 30, 30
    • Border Type: None
    • Padding: 15, 30, 15, 30
  • Large Blue Button
    • Font: Poppins
    • Font Size: 15px
    • Text Transformation: None
    • Line Height: 1.4
    • Color: #FFFFFF
    • Button Color: #005CB9
    • Font Weight: 600
    • Border Radius: 30, 30, 30, 30
    • Border Type: None
    • Padding: 15, 30, 15, 30
  • Text Only Button
    • Font: Poppins
    • Font Size: 15px
    • Text Transformation: Uppercase
    • Color: #E2211C
    • Font Weight: 600
  • Large Blue Button
    • Font: Poppins
    • Font Size: 15px
    • Text Transformation: None
    • Line Height: 1.4
    • Color: #E2211C
    • Button Color: #FFFFFF
    • Font Weight: 600
    • Border Radius: 30, 30, 30, 30
    • Border Type: None
    • Padding: 15, 30, 15, 30

Links

White or Lighter Background Colors

Details

Example

  • Hyperlink
    • Font: Roboto
    • Font Size: 17px
    • Text Transformation: None
    • Line Height: 1.4
    • Color: #005CB9
    • Font Weight: Normal

This is a hyperlink

  • Hyperlink Hover
    • Font: Roboto
    • Font Size: 17px
    • Text Transformation: None
    • Line Height: 1.4
    • Color: #E2211C
    • Font Weight: Normal

This is a hyperlink

  • Hyperlink Visited
    • Font: Roboto
    • Font Size: 17px
    • Text Transformation: None
    • Line Height: 1.4
    • Color: #AD2121
    • Font Weight: Normal

This is a hyperlink

Darker Background Colors

Details

Example

  • Hyperlink
    • Font: Roboto
    • Font Size: 17px
    • Text Transformation: None
    • Line Height: 1.4
    • Color: #005CB9
    • Font Weight: Normal

This is a hyperlink

  • Hyperlink Hover
    • Font: Roboto
    • Font Size: 17px
    • Text Transformation: None
    • Line Height: 1.4
    • Color: #F4F4F4
    • Font Weight: Normal

This is a hyperlink

  • Hyperlink Visited
    • Font: Roboto
    • Font Size: 17px
    • Text Transformation: None
    • Line Height: 1.4
    • Color: #F4F4F4
    • Font Weight: Normal

This is a hyperlink

Forms

Contact Form

Request a Quote Form

Request Call Form

Request Call

  • We Value your Privacy

Schedule an Appointment

Logos

Primary Logo

Canyon State Air Conditioning, Heating & Plumbing

Plumbing Logo

Need to adjust colors

30th Anniversary Logo

Need to adjust colors

Photography

Typography

Headings

Fonts

Example

  • H1
    • Font: Poppins
    • Font-Size: 54px
    • Text-Transformation: none
    • Color: #1B2432
    • Font-Weight: Normal

This Is An Example

  • H1 Banner Area
    • Font: Poppins
    • Font-Size: 54px
    • Text-Transformation: none
    • Color: #FFFFFF
    • Font-Weight: Bold

This Is An Example

  • H2
    • Font: Poppins
    • Font-Size: 36px
    • Text-Transformation: none
    • Color: #1B2432
    • Font-Weight: Normal

This Is An Example

  • H3
    • Font: Poppins
    • Font-Size: 28px
    • Text-Transformation: None
    • Color: #1B2432
    • Font-Weight: Normal

This Is An Example

  • H3 Attention Grabbing
    • Font: Poppins
    • Font-Size: 28px
    • Text-Transformation: Uppercase
    • Color: #1B2432
    • Font-Weight: Bold

This Is An Example

  • H4
    • Font: Poppins
    • Font-Size: 24px
    • Text-Transformation: none
    • Color: #1B2432
    • Font-Weight: Normal

This Is An Example

  • H5
    • Font: Poppins
    • Font-Size: 20px
    • Text-Transformation: none
    • Color: #1B2432
This Is An Example
  • H6
    • Font: Poppins
    • Font-Size: 17px
    • Text-Transformation: none
    • Color: #1B2432
This Is An Example

Lists

Fonts

Example

  • Large Red Checkmarks
    • Font: Poppins
    • Font Size: 30px
    • Text Transformation: None
    • Text Color: #1B2432
    • Font Weight: 600
    • Space Between: 15
    • Line Height: 1.2em
    • Text Indent: 8
    • Icon Color: #E2211C
    • Icon Size: 28
  • 5-star customer satisfaction.
  • 30+ years of HVAC experience.
  • Family owned and operated
  • 5-star customer satisfaction.
  • Large Blue Checkmarks
    • Font: Poppins
    • Font Size: 30px
    • Text Transformation: None
    • Text Color: #1B2432
    • Font Weight: 600
    • Space Between: 15
    • Line Height: 1.2em
    • Text Indent: 8
    • Icon Color: #005CB9
    • Icon Size: 28
  • 30+ years of HVAC experience.
  • Family owned and operated
  • 5-star customer satisfaction.
  • 5-star customer satisfaction.
  • Medium-Large Red Checkmarks
    • Font: Poppins
    • Font Size: 24px
    • Text Transformation: None
    • Text Color: #1B2432
    • Font Weight: 500
    • Space Between: 15
    • Line Height: 1.2em
    • Text Indent: 8
    • Icon Color: #E2211C
    • Icon Size: 23
  • Certified, screened professionals.
  • 30+ years of HVAC experience.
  • Family owned and operated.
  • 5-star customer satisfaction.
  • Medium-Large Blue Checkmarks
    • Font: Poppins
    • Font Size: 24px
    • Text Transformation: None
    • Text Color: #1B2432
    • Font Weight: 500
    • Space Between: 15
    • Line Height: 1.2em
    • Text Indent: 8
    • Icon Color: #005CB9
    • Icon Size: 23
  • Certified, screened professionals.
  • 30+ years of HVAC experience.
  • Family owned and operated.
  • 5-star customer satisfaction.
  • Medium Red Checkmarks
    • Font: Poppins
    • Font Size: 24px
    • Text Transformation: None
    • Text Color: #1B2432
    • Font Weight: 500
    • Space Between: 10
    • Line Height: 1.2em
    • Text Indent: 7
    •  Icon Color: #E2211C
    •  Icon Size: 21
  • Certified, screened professionals.
  • 30+ years of HVAC experience.
  • Family owned and operated.
  • 5-star customer satisfaction.
  • Medium Red Checkmarks
    • Font: Poppins
    • Font Size: 24px
    • Text Transformation: None
    • Text Color: #1B2432
    • Font Weight: 500
    • Space Between: 10
    • Line Height: 1.2em
    • Text Indent: 7
    •  Icon Color: #005CB9
    •  Icon Size: 21
  • Certified, screened professionals.
  • 30+ years of HVAC experience.
  • Family owned and operated.
  • 5-star customer satisfaction.
  • Small-Medium Red Checkmarks
    • Font: Poppins
    • Font Size: 20px
    • Text Transformation: None
    • Text Color: #1B2432
    • Font Weight: 500
    • Space Between: 10
    • Line Height: 1.2em
    • Text Indent: 7
    • Icon Color: #E2211C
    • Icon Size: 19
  • Certified, screened professionals.
  • 30+ years of HVAC experience.
  • Family owned and operated.
  • 5-star customer satisfaction.
  • Small-Medium Red Checkmarks
    • Font: Poppins
    • Font Size: 20px
    • Text Transformation: None
    • Text Color: #1B2432
    • Font Weight: 500
    • Space Between: 10
    • Line Height: 1.2em
    • Text Indent: 7
    • Icon Color: #005CB9
    • Icon Size: 19
  • Certified, screened professionals.
  • 30+ years of HVAC experience.
  • Family owned and operated.
  • 5-star customer satisfaction.
  • Small Red Filled Checkmarks
    • Font: Roboto
    • Font-Size: 17px
    • Text-Transformation: None
    • Text Color: #1B2432
    • Font-Weight: Normal
    • Space Between: 11
    • Line Height: 1.2em
    • Text Indent: 5
    • Icon Color: #E2211C
    • Icon Size: 16
  • Customer service responses are friendly and prompt.
  • HVAC technicians are knowledgeable and resourceful.
  • We take pride in the quality of our workmanship
  • Our office staff is professional and eager to serve you.
  • Small Blue Filled Checkmarks
    • Font: Roboto
    • Font-Size: 17px
    • Text-Transformation: None
    • Text Color: #1B2432
    • Font-Weight: Normal
    • Space Between: 11
    • Line Height: 1.2em
    • Text Indent: 5
    • Icon Color: #005CB9
    • Icon Size: 16
  • Customer service responses are friendly and prompt.
  • HVAC technicians are knowledgeable and resourceful.
  • We take pride in the quality of our workmanship
  • Our office staff is professional and eager to serve you.
  • Small Red Checkmarks
    • Font: Roboto
    • Font-Size: 17px
    • Text-Transformation: None
    • Text Color: #1B2432
    • Font-Weight: Normal
    • Space Between: 11
    • Line Height: 1.2em
    • Text Indent: 5
    • Icon Color: #E2211C
    • Icon Size: 16
  • Customer service responses are friendly and prompt.
  • HVAC technicians are knowledgeable and resourceful.
  • We take pride in the quality of our workmanship
  • Our office staff is professional and eager to serve you.
  • Small Blue Checkmarks
    • Font: Roboto
    • Font-Size: 17px
    • Text-Transformation: None
    • Text Color: #1B2432
    • Font-Weight: Normal
    • Space Between: 11
    • Line Height: 1.2em
    • Text Indent: 5
    • Icon Color: #005CB9
    • Icon Size: 16
  • Customer service responses are friendly and prompt.
  • HVAC technicians are knowledgeable and resourceful.
  • We take pride in the quality of our workmanship
  • Our office staff is professional and eager to serve you.
  • Small White Filled Checkmarks
    • Font: Roboto
    • Font-Size: 17px
    • Text-Transformation: None
    • Text Color: #FFFFFF
    • Font-Weight: Normal
    • Space Between: 11
    • Line Height: 1.2em
    • Text Indent: 5
    • Icon Color: #FFFFFF
    • Icon Size: 16
  • Customer service responses are friendly and prompt.
  • HVAC technicians are knowledgeable and resourceful.
  • We take pride in the quality of our workmanship
  • Our office staff is professional and eager to serve you.
  • Small White Checkmarks
    • Font: Roboto
    • Font-Size: 17px
    • Text-Transformation: None
    • Text Color: #FFFFFF
    • Font-Weight: Normal
    • Space Between: 11
    • Line Height: 1.2em
    • Text Indent: 5
    • Icon Color: #FFFFFF
    • Icon Size: 16
  • Customer service responses are friendly and prompt.
  • HVAC technicians are knowledgeable and resourceful.
  • We take pride in the quality of our workmanship
  • Our office staff is professional and eager to serve you.
  • Unordered Lists
    • Font Size: 17px
    • Font Color: #1B2432
    • Font Weight: Normal
  • List Sample
  • List Sample
  • List Sample
    • List Sample
    • List Sample
      • List Sample
      • List Sample
    • List Sample
  • List Sample
  • Ordered Lists
    • Font Size: 17px
    • Font Color: #1B2432
    • Font Weight: Normal
  1. List Sample
  2. List Sample
  3. List Sample
    1. List Sample
    2. List Sample
      1. List Sample
      2. List Sample
    3. List Sample
  4. List Sample

Paragraph

  • Paragraph Text
    • Font: Roboto
    • Font-Size: 17px
    • Text-Transformation: None
    • Color: #1B2432
    • Line Height: 1.4em
    • Font Weight: Normal

This is sample body text. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

This is sample body text. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

This is sample body text. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Wave

Small

3rd Party Logos

BBB Logos

Clean Effects

Energy Star

Trane Logos

Nexia

NATE

Ultima

APS