Logo

Primary Logo

Zabitat Full Logo Final - Color

EPS logo | JPG logo | PNG logo

The ODL company endorsement use is restricted for applications that make the byline clearly legible

The Zabitat logo represents the modernity and commitment to simplicity that helps to define the brand. It consists of two treatments: the icon and the wordmark, or word treatment.

The Zabitat logo uses three colors: Zabitat blue, gray, and white. The logo should primarily be used on a white background, which provides the most clarity. In cases where the blue logo is not appropriate, the black or white logo can be used.

WHITE
 
Zabitat-logo-white-example-1

Clearance & Sizing

To ensure the integrity of the logo, the area directly surrounding it should be protected. White space should be maximized whenever possible.

logo-usage-01

 

  • Tallest point of the house also equals the tallest point of the word treatment
  • The floor of the house also is the floor for the word treatment
  • Top of the word treatment represents the top of the house
  • Body of the word treatment represents the main section of the house

Improper Use

The guidelines above detail the acceptable and appropriate use of the Zabitat logo. To ensure the consistency and integrity of the Zabitat brand, all modifications are considered improper use.

zabitat-misuse-1

Don't: Add text within the mandatory white space

zabitat-misuse-2

Don't: Change the color of the logo or wordmark unless otherwise noted

zabitat-misuse-3

Don't: Change the ratio, skew, stretch, modify or alter the proportions

zabitat-misuse-4

Don't: Use imagery inside the icon when the word treatment is present

zabitat-misuse-5

Don't: Move the word treatment from its original position

zabitat-misuse-6

Don't: Add transparency to the logo

zabitat-misuse-9

Don't: Use a color background behind the color version of the logo or icon

zabitat-misuse-7

Don't: Remove the circle from the icon

zabitat-misuse-8

Don't: Change the shape of the circle icon

Colors

Primary Colors

CMYK: 73, 10, 6, 0

Hex: #00AFDB

RGB: 0, 175, 219

CMYK: 28, 2, 2, 0

Hex: #B1DDF1

RGB: 177, 221, 241

CMYK: 11, 10, 13, 0

Hex: #DFDBD6

RGB: 223, 219, 214

CMYK: 53, 45, 44, 10

Hex: #7B7A7B

RGB: 123, 122, 123

Main Palette:

The variations of blues and greys are the main representations of overall brand. The bright blue is the main recognition color that defines the persona with the lighter blue and greys as supporting colors to help add depth and diversity to brand and marketing content.

The combination of colors provides a glass / water / purity feeling that helps represent a part of the main catalog items.

Secondary Colors

CMYK: 17, 80, 97, 6

Hex: #C4522C

RGB: 196, 82, 44

CMYK: 12, 32, 90, 0

Hex: #E1AD3D

RGB: 225, 173, 61

Supporting Palette:

The additional color of “rust” (shade of orange / red) and of the dark yellow are used as support colors. These colors do not represent the brand directly, but can be used as attention grabbing, eye catching accents in different types of marketing materials.

The colors provide a good contrast against the main color palette which provides a good break in color experience, making them great for using in call to actions throughout marketing material when used appropriately.

Color Usage

The bright blue is the most brand defining color of Zabitat. It should always be the most distinctive color when dealing with the marketplace and installation services sector of the business.

The blue should be used in two methods:

  • Standalone - no other colors
    The blue should stand alone as it creates a clean, sleek, and consistent experience when viewing a piece of marketing content. It should not be embeded, blended, surrounded, touching, or transparent with any other colors. The only colors that should be touching the blue directly should be white, unless it is directly touching an image.
  • Main Palette - support colors defined on the main palette
    The support colors from the main palette can be used to compliment the blue. However, the supporting colors should again not be touching any other colors. When using the supporting colors, the only other colors that should be touching should be white, unless it is directly touching an image.

Adjusting opacity of the color palette is not encouraged unless it is a horizontal overlay on the top or bottom of the image. Vertical or angled transparent colors is not recommended.

color-usage2

 

The yellow is used as a call-to-action and attention grabber. It is designed to stick out drastically from the other colors used on the marketing material to draw your eyes to something specific. It is best practice to create a white barrier that separates the yellow from other colors to make sure it does not touch. Notice the white lines used to separate the yellow from other colors from color palette. This is not required for when the yellow touches images.

Rules:
  • Utilize a white barrier to separate the yellow from the other colors (with the exception of dark background colors.)
  • Do not use other colors as the text color inside a yellow background. Only use black or white.
  • Do not use any other colors from the supportive color palette on the same marketing material.

color-usage-yellow-01

 

The rust should be used similar to the yellow. It is used as a call-to-action and attention grabber. It is designed to stick out drastically from the other colors used on the marketing material to draw your eyes to something specific. It is best practice to create a white barrier that separates the rust from other colors to make sure it does not touch. Notice the white lines used to separate the rust from other colors from color palette. This is not required for when the rust touches images.

Rules:

  • Utilize a white barrier to separate the rust from the other colors.
  • Do not use other colors as the text color inside a rust background. Only use black or white.
  • Do not use any other colors from the supportive color palette on the same marketing material.

color-usage-rust-01

 

Color Misuse

  • Do not use more than 1 color from the supporting palette options on the same marketing material.
  • Do not use text colors on top of color palette options.
  • Do not embed CTAs without creating a white stroke/barrier between colors.
  • Do not add transparency to colors on top of other colors.

color-misuse-01

Typography

Corporate font

Futura, the Zabitat Corporate font

corporate-font-1

Logo font

TeX Gyre Adventor, the Zabitat Logo font

logo-font

Consumer font

Housearama League Night, the Zabitat Consumer font

consumer-font

Imagery

Promotional Examples

4th_of_July Sale

 

119413_InHouz_slider_BF_web

 

119413_InHouz_slider_CM_web

 

Radiant_Star_Category_Hero_800x337

 

InHouz-Installation-Promotion-March-2016

 

InHouz_Trend_Alert-Wrought_Iron

 

Truck Application

truck-application-01

 

Assets

Resources

Zabitat Brand Guide

Open PDF

Zabitat Website

View Website

Design

Digital Asset Management (DAM)

View DAM