Top of Page
Skip to main content
Menu

Zefr Brand Book & Style Guide
Our Core Brand

This site provides the core design guidelines and tools for using Zefr’s logos, colors, typography, and graphic elements. Scroll down to find best practices for presenting Zefr’s visual identity clearly and consistently.

Logo

The Zefr logo, inspired by ocean waves and a coastal breeze, nods to our Venice Beach origins. Our primary mark features Zefr” within a blue-to-turquoise gradient circle. See below for logo variations and usage guidelines.

Logo Options: Overview

Below is our primary gradient logo and base logo.

GRADIENT LOGO

BASE LOGO

Proper Logo Usage

Primary Gradient Logo: Light Background

Primary Gradient Logo: Dark Background

Primary Gradient Logo: Photo Background

Base Logo: Light Background

Base Logo: Dark Background

Base Logo: Photo Background

Improper Logo Usage

No Scaling

No Rotating

No Size Alteration

No text directly next to logo

No illegible color combinations

No gradient on base logo

Co-Branding & Logo Spacing

Always ensure there is ample room between our logo and adjacent item. This will maximize impact & visibility.

Co-Branding Best Practices

The partner logo should be equal to the Zefr logo in terms of size and weight 

Zefr | Partner Logo

Logos separated by a thin line

Zefr + Partner Logo

Logos separated by a plus sign

Multiple Partner Logos

All logos separated by a thin line

Colors

Zefr’s primary color palette is a range of cool toned blues and grays. Our secondary palette includes a teal green, light blue, and amaranth red. Zefr Dark Blue (#002252), is our main color for text.

Zefr Main Color Palette

Primary colors for website, marketing materials, and presentations

Zefr Blue

Hex Code: #0094FF

RGB: 0, 148, 255

CMYK: 71, 38, 0, 0

PMS 299 C

Zefr Gradient

Gradient Hex Code:
#0094FF - #00DDD6

45° Angle

Zefr Gradient 2

Gradient Hex Code:
#0094FF - #3DDCF8

45° Angle

Zefr Dark Blue

Hex Code: #002252

RGB: 0, 34, 82

CMYK: 100, 89, 35, 37

PMS 655 C

Zefr Light Blue

Hex Code: #E6F7FE

RGB: 230, 247, 254

CMYK: 9, 0, 0, 0

PMS 649 C

Zefr Capri

Hex Code: #3DDCF8

RGB: 61, 220, 248

CMYK: 67, 0, 27, 0

PMS 305 C

Zefr Secondary Color Palette

Used less frequently than our primaries

Zefr Turquoise

Hex Code: #00DDD6

RGB: 0, 221, 214

CMYK: 62, 0, 26, 0

Zefr Amaranth

Hex Code: #D93664

RGB: 217, 54, 100

CMYK: 10, 93, 45, 0

Zefr Color Palette for Print

These colors maintain Zefr’s vibrant blue palette for more muted CMYK materials and signage. These are only to be used for printed materials, not digital designs

Zefr Light Blue

Hex Code: #15BFF1

RGB: 21, 191, 241

CMYK: 67, 2, 0, 0

Zefr Medium Blue

Hex Code: #085CA8

RGB: 8, 92, 168

CMYK: 95, 70, 1, 0

Zefr Dark Blue

Hex Code: #192352

RGB: 25, 35, 82

CMYK: 100, 93, 33, 38

Typography

Zefr’s primary typeface is Open Sans — a modern, versatile sans serif that reflects our brand’s confident and approachable voice.

Our primary font styles are Extrabold, Bold, and Light

General Typography Guidelines

Headers are Extrabold and Subheaders are Light

Body Text is Light, with emphasized words in Bold

For very small text, Regular can replace Light

Text is Left-Aligned

Iconography

Our icon packs come in a set of gradient and black/​white. With rounded edges and fills of white, these graphics pop on light backgrounds.

Design Elements & Backgrounds

We have various sets of backgrounds and design decals for use in presentations, website designs, and marketing materials

Design Decal Use

Title Gradient

Right Side Gradient

Hexagon Buttons

Have questions about Zefr's design guidelines?