Brand Style Guide

A CAUSE-CENTRIC MARKETING AGENCY

BRAND STYLE GUIDE - WINTER/SPRING 2021

1

TABLE OF CONTENTS

Brand Style Guide

03 BRAND PURPOSE & POSITIONING
05 LOGO
08 COLOR PALETTE
10 TYPOGRAPHY
13 CONTENT
14 SUPPORTING GRAPHICS
15 SAMPLE APPLICATIONS

BRAND PURPOSE & POSITIONING 2

BRAND PURPOSE & POSITIONING

Mission Statement

Brands BeCause provides digital marketing services
that will increase participants’ brand awareness,
revenue and community resources. Our core mission
is to provide long term collaborative, educational,
and socioeconomic support that will positively affect
the cultural and financial landscape for marginalized
communities.  

We operate with a high level of transparency, passion
and diligence as we handle each client and project
with an individualized attention to detail and purpose.
Community focused and culturally sensitive, we want
to provide services and linkages that will facilitate
cultural growth and financial stability within underserved
communities.

BRAND PURPOSE & POSITIONING 3

BRAND PURPOSE & POSITIONING Brands BeCause is an expert at bringing while providing support to causes that
altruistic aspects of your brand to the benefit the greater commonwealth.​
Services market by facilitating cause-centered
campaigns that will increase your OUR SERVICES INCLUDE:
Philanthropy is a vital part in the journey visibility in the marketplace, establish • Brand Partnerships
of accumulating wealth. As your brand brand trust within communities, and • Ad Campaign & Web Design
grows, so should your commitment to increase revenue streams. Our team • Social Media Marketing &
the communities that have supported is dedicated to providing measurable
you as well as the communities whose results that will expand your profitability Management
support can expand your marketing • Internships & Mentoring
reach.

BRAND PURPOSE & POSITIONING 4

LOGO Full Color Logo White Overlay Black Overlay

Logo Color Transparent Gradient Background Transparent
Background Background
Brands BeCause utilizaes a typographic logo utlizing
theBacklash font with the ligature options for the
letters B and C. The full color is the preferred logo
represent the brand while there are white and black
overlay options available for different printing options.
The gradient background is also preferred when the
white overlay is used.The abbreviated logos are tobe
used sparingly when real estate space in minimal
within design projects.

Abbreviated Abbreviated Abbreviated
Full Color Logo White Overlay Black Overlay

Transparent Gradient Background Transparent
Background Background

LOGO 5

LOGO SPACE AROUND LOGO .25 inches / 24 pixels

Layout .25 inches / 24 pixels

The logo should be proportionally resized no smaller than
1 inch (300 pixels) with a minimum of a .25 inches (24
pixels) border of space between it and any other text or
graphic elements.

The abbreviated logo should be proportionally resized no
smaller than .5 inch (80 pixels) with a minimum of a .25
inches (24 pixels) border of space between it and any
other text or graphic elements.

The logo should be placed on a background that is either Minimum 1 inch or 300 pixels
solid black, solid white, or the brand gradient. The logo .25 inches / 24 pixels
can be placed on top of other graphic elements as long
as it does not interfere with the legibility of the logo.

.25 inches / 24 pixels

Minimum .5 inch or 80 pixels

LOGO 6

LOGO Do not rotate the logo

Incorrect Usage

The logo should be placed graphically where it’s legibility
is optimal. The logo’s integrity should not be disturbed;
this includes altering the color palette, typography,
alignment, or proportion of the logo.

Do not change the alignment of the logo Do not change the colors of the logo

Do not place on top of graphic elements Do not change the font of the logo
in which the legibility of the will be greatly
compromised BBraenCdasuse

LOGO 7

COLOR PALETTE ORANGE GOLD YELLOW

Primary Colors RGB 246 / 168 / 0 RGB 252 / 200 / 51 RGB 255 / 219 / 0
CMYK 2 / 38 / 100 / 0 CMYK 1 / 21 / 90 / 0 CMYK 2 / 10 / 100 / 0
Coinciding with the vibrant, out of the box and
congenial spirit of our brand, the primary colors used Hex F6A800 Hex FCC833 Hex FFDB00
fall within the “warm” spectrum of orange, gold, and Pantone 130 C Pantone 123 C Pantone 108 C
yellow colors. Because of their connection to the
sun, the colors can trigger emotions of happiness,
cheerfulness, courage, reliability, security, and trust.

According to Forbes’ “7 Tips” article, a logo that
includes orange might be effective at spurring action.
“Studies have shown that bright orange is the best
color for encouraging people to click, whereas red
comes in second,” the article reports. “When you
design your logo, design it with multiple colors.”1

1 “7 Tips for Creating the Perfect Logo for Your Brand” by John Rampton, Forbes, https://bit.ly/3nVab8X COLOR PALETTE 8

COLOR PALETTE ORANGE GOLD YELLOW

Gradient Colors RGB 243 / 120 / 43 RGB 246 / 182 / 45 RGB 255 / 219 / 0
CMYK 1 / 65 / 95 / 0 CMYK 3 / 31 / 940 / 0 CMYK 2 / 10 / 100 / 0
Our gradient background can also represent Hex F3782B Hex F6B62D Hex FFDB00
confidence, creativity, and determination intrinsic to Pantone 130 C Pantone 123 C Pantone 108 C
our values.
Location 25% Location 60% Location 100%
The gradient will begin with deeper orange and gold
values, with the orange value beginning at 25% of
the spectrum and the gold value beginning at 60%.
The gradient itself should be on a 45˚ angle with the
orange value displayed at the top left corner. The
gradient can be used as the background for the white
overlay versions of the logo (never the black or full-
color versions).

COLOR PALETTE 9

LOGO TYPEFACE

Backslash

Backslash is a new display serif typeface with nicely AaBbCc123 Lorem ipsum dolor sit amet,
balanced curves, tons of alternative characters, consectetur adipiscing elit. Nulla
ornaments, multilingual support and unique ligatures. The Backslash Regular feugiat aliquet nisi, ac lacinia dui.
logo contains alternative characters for the letters B and C. Interdum et malesuada fames ac ante
AaBbCc123 ipsum primis in faucibus.
Regular ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz Backslash Italic Lorem ipsum dolor sit amet,
1234567890!@#$%^&*()_ consectetur adipiscing elit. Nulla
feugiat aliquet nisi, ac lacinia dui.
Interdum et malesuada fames ac ante
ipsum primis in faucibus.

TYPOGRAPHY 10

HEADER TYPEFACE

Century Gothic

Century Gothic maintains the basic design of 20th AaBbCc123 Lorem ipsum dolor sit amet, consectetur
Century but has an enlarged x-height and has been adipiscing elit. Nulla feugiat aliquet nisi, ac
modified to ensure satisfactory output from modern digital Century Gothic Bold lacinia dui. Interdum et malesuada fames ac
systems. The design is influenced by the geometric style ante ipsum primis in faucibus.
sans serif faces which were popular during the 1920s and
30s. We use Century Gothic for heading elements. AaBbCc123 Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Nulla feugiat aliquet nisi, ac
Century Gothic Bold Italic lacinia dui. Interdum et malesuada fames ac
ante ipsum primis in faucibus.

Bold ABCDEFGHIJKLMNOPQRSTUVWXYZ AaBbCc123 Lorem ipsum dolor sit amet, consectetur
abcdefghijklmnopqrstuvwxyz adipiscing elit. Nulla feugiat aliquet nisi, ac
1234567890!@#$%^&*()_ Century Gothic Regular lacinia dui. Interdum et malesuada fames ac
ante ipsum primis in faucibus.

Regular ABCDEFGHIJKLMNOPQRSTUVWXYZ AaBbCc123 Lorem ipsum dolor sit amet, consectetur
abcdefghijklmnopqrstuvwxyz adipiscing elit. Nulla feugiat aliquet nisi, ac
1234567890!@#$%^&*()_ Century Gothic Italic lacinia dui. Interdum et malesuada fames ac
ante ipsum primis in faucibus.

T Y P O G R A P H Y 11

PRIMARY TYPEFACE AaBbCc123 Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Nulla feugiat aliquet nisi, ac
Helvetica Font Name Bold lacinia dui. Interdum et malesuada fames ac
ante ipsum primis in faucibus.
Helvetica is a neo-grotesque design, one influenced AaBbCc123 Lorem ipsum dolor sit amet, consectetur
by the famous 19th century typeface Akzidenz-Grotesk adipiscing elit. Nulla feugiat aliquet nisi, ac
and other German and Swiss designs. Its use became Font Name Bold Italic lacinia dui. Interdum et malesuada fames ac
a hallmark of the International Typographic Style that ante ipsum primis in faucibus.
emerged from the work of Swiss designers in the 1950s AaBbCc123 Lorem ipsum dolor sit amet, consectetur adipiscing
and ‘60s, becoming one of the most popular typefaces of elit. Nulla feugiat aliquet nisi, ac lacinia dui.
the 20th century. Helvetica is the standard typeface we Font Name Regular Interdum et malesuada fames ac ante ipsum primis
use for all of our correspondence. in faucibus.
AaBbCc123 Lorem ipsum dolor sit amet, consectetur adipiscing
Bold ABCDEFGHIJKLMNOPQRSTUVWXYZ elit. Nulla feugiat aliquet nisi, ac lacinia dui.
Regular abcdefghijklmnopqrstuvwxyz Font Name Italic Interdum et malesuada fames ac ante ipsum primis
1234567890!@#$%^&*()_ in faucibus.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()_

T Y P O G R A P H Y 12

CONTENT

Brand Personality

Inspired

With a strong connection to culture, community, and
altruism, we get an endless supply of inspiration from the
lives of the people we live, work, and play with. We are
storytellers at heart with a passion for propagating our
clients’ profiles creatively, effectively, and earnestly.

Innovative

We are our “out of the box” thinkers who thrive on providing fresh,
new marketing solutions that boost our clients’ customer reach and
re-excite their existing consumer base. We not only use all of the
crayons in the box; we search for new hues, energies, and ideas
beyond the box to provide a full spectrum of marketing solutions.

Resourceful

With decades of experience assisting organizations
across various industries, including entertainment,
real estate, and technological, we have an amiable
knowledge base that provides options and advice to all of
our clients’ inquiries.

C O N T E N T 13

SUPPORTING GRAPHICS

Brands BeCause

Brands BeCause is a full-service digital marketing agency
with a specialized focus in Cause-centric Marketing.
Our core mission is to provide scalable online solutions
that allow brands to drive revenue growth, increase
awareness, and develop diversity and inclusion initiatives
to reach broad audiences.

Because of this, supporting clip art and stock
photography should represent a wide diversity of
ethnicities, genders, and ages. It is also encouraged for
auxiliary graphics to be bright, vibrant, and colorful.

SUPPORTING GRAPHICS 14

SAMPLE

APPLICATIONS

Branding for Brands BeCause should be consistent
across social media platforms and marketing collateral
and in line with the encouraging, optimistic, and confident
aspects of our core values.

S A M P L E 15

Brands BeCause 16
1626 Centinela Ave., #210

Inglewood, CA 90302
818.660.6574

[email protected]
www.brandsbecause.org