ycoff.

YOUR PARTNER IN STRATEGIC GROWTH

BRAND IDENTITY STYLEGUIDE

 TABLE OF CONTENT
Vision and Mission

Logo Usage 01 Typography 03 Iconograhy 05

Logo Icon
+ Guidelines Print
Office Document Substitute Company Icons
Logo Social Media Icons
Website
Clear Space
Tagline
Color Variations
Logo Misusage
Logo Placements

Color Palette 02 Imagery and 04 Application 06

Primary Colours
Secondary Colours Graphics Prints and Showcase
Stationery
Colour shades Photography
Social Media Covers
Graphic Iluustrations
Icons
 ycoff.
YOUR PARTNER IN STRATEGIC GROWTH

OUR VISION
To empower businesses to thrive in a rapidly changing world by
providing innovative strategic solutions.

OUR MISSION
To deliver tailored strategic consulting services that drive business
growth, foster innovation, and exceed client expectations through
collaborative partnerships and data-driven insights.
 ycoff.

LOGO +
USAGE
GUIDELINES
01
LOGO LOGO
Logo typeface.
This logotype was created
using a custom typeface. It has
been converted to outlines, so
you do not need this font for
reproduction

Logo Icon.
This is the part of
the logo that gives
a distint character
to our brand.
ycoff. Logo typeface.
This stands out as just a unique
part of the logo, and without this
element. Our brand logo will not
be fully represented.
LOGO CLEAR SPACE
A clear space is defined to maintained the signature’s integrity.
If the minimum clear space is not applied, the signature’s impact
will be compromised.

ycoff.
LOGO TAGLINE
The tagline should be used in conjunction with the
Bycoff logo whenever possible. The font used is Nexa
Extra Light. Should the logo be 3/4 of an inch or
smaller, use the signature without the tagline.

ycoff.
YOUR PARTNER IN STRATEGIC GROWTH
LOGO COLOUR VARIATION
One Color
The preferred colors for offset printing are
the specified shades of blue used in this
ycoff.
book
.
One Color Negative
The one color negative logo may be used
on dark backgrounds–100% to 60% tint
and photographic backgrounds that
create enough contrast for the logo to
stand out.

Black and White

The black and white logo may be used only
positive and never reverse. The logo should
not appear in a screen tint of black.
Do not use the black and white logo for
any print jobs where color is available
LOGO LOGO MISUSAGE
Do not use a portion of the signature.
Do not alter or distort the Bycoff Do not use only the logotype or bug
logo in any of the following ways. separately

ycoff. Do not use change colors of the bug o

signature

ycoff. Do not alter or distort the signature

ycoff. Do not use drop shadow on the Logo.

ycoff Do not remove any detail of the logo.

ycoff. Do not rescale any par of the logo or

rearrange the logo elements.
LOGO LOGO PLACEMENT
The Bycoff logo is meant
to be used at any of the
extreme sides of the
material. It should only
be used at the center in ycoff. ycoff. ycoff.
cases of adevrtiment, all Top Left Top Center Top Right
other materials should
be at the extreme sides.

ycoff. ycoff. ycoff.

Center Left Center Center Right

ycoff. ycoff. ycoff.

Down Left Down Center Down Right
 ycoff.

COLOUR
PALETTE
02
COLOUR PRIMARY COLOURS
BY1A BY1B

#1B2F48 #E0EFFF

BY1C
PRIMARY COLOURS
Our colour palette is an essential tool in building a distinctive
and recognisable brand identity. Our Primary colours are
#FFFFFF specific shades of Blue which we’ve code named BY1 for
the colours. We use the letters A, B and C to diffrentiate
them from the darkest to the lightest respectively.
COLOUR SECONDARY COLOUR

BY2A BY2B

#1B2F48 #E0EFFF

SECONDARY COLOURS
Our Secondary colours are Black and a specific shade of Blue which we’ve code named
BY2A and BY2B following the same principle as the primary colour. The secondary
colours are colours that are meant to be used in specific situations. BY2A should be
used to replace BY1A in cases where you need a dark colour and you need to
diffrentiate both. BY2B sholud only be used in a situation when the lighter shade of
blue should be used on a white background since BY1B will not be visible enough.
COLOUR COLOUR SHADES
The colour shades are expected to be used at ponits where
you need to place an object over another for visibility. Make
sure to avoid clumpsiness.

20% 40% 60% 80%

#000000

20% 40% 60% 80%

#1B2F48

20% 40% 60% 80%

#8CC2F2

20% 40% 60% 80%

#E0EFFF
 ycoff.

TYPOGRAPHY

03
TYPOGRAPHY PRINT FONT
The NEXA FAMILY is the primary font to be used for brand collateral and other print materials. Nexa light
should be used for the body, Nexa Bold should be used for secondary headlines. Nexa Heavy is to be used for
all main headlines.

Heavy
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789

Bold
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789

Light
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
TYPOGRAPHY OFFICE DOCUMENTS FONT
SUBSTITUTE
For the office documents such as Microsoft Word and Powerpoints, we require usage of Calibri font to guarantee
the consistency accross all systems. It also provides editing accessibility for non-creative teams and individuals

Bold
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789

Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789

Light
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
TYPOGRAPHY WEB FONT
Arial is the primary font family to be used on the Bycoff website. The weights and sizes vary to define its
uses. When designing anything specific to the Bycoff brand for the website, be sure to follow these
guidelines pertaining to typography.
Please note: websites are ever-evolving designed pieces. If guidelines for a specific use are not outlined
here, please refer to the existing site and creative judgment for guidance

Bold
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789

Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789

Italic
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
 ycoff.

IMAGERY AND
GRAPHICS
04
PHOTOGRAPHY
IMAGERY & GRAPHICS PHOTOGRAPHY
Photography style for Bycoff as an
organization is reflecting its values,
mission, status and audience.

• Style: Clean and in-focus, sharp and crisp

• Content: The pictures should always depict

a session of consultation and advises given
to a client. It can also be any image that
represents what the company stands for

• Composition: The powerful and

interesting composition, cropping and
angle of the photo is dictated by the need
of the creative and meda. We also like to
use image composites as a powerul way to
convey a message.

• Effects: For certain type of collateral we

allow to use such effects as color shading
to allow the text over the image
IMAGERY & GRAPHICS GRAPHIC ILLUSTRATION
Graphic illustration is an effective
way to visually convey business
concepts and ideas otherwise
impossible to illustrate with
photography.

Graphic illustration is widely used

accross such types of applications
as Bycoff powerpoints, reports and
infographics.

The style of graphic illustrations we

use is flat, minimalistic and concise.

Always include colors from Bycoff’s

main color palette for creating the
connection with the brand..
IMAGERY & GRAPHICS
ICONS
Icons are vector images used to
represent certain intents. Icons
play a large role in the Bycoff
Brand.
Icon’s primary role is to guide a
visitor or a reader through the
content. It is commonly used in
websites designs.

More about Icons will be explained

in the ICONOGRAPHY chapter. BYCOFF
ICONS
 ycoff.

ICONOGRAPHY

05
ICONOGRAPHY LOGO ICON
The logo icon is the distinct character in the Bycoff’s logo.
The icon is not to be used alone to represent the company, except for
cases of watermark on an object

ycoff.
ICONOGRAPHY COMPANY ICON
This icons are specific vector images thaT are used to represent ceratin information in cases that words
might be too long or clumpsy. The company icons can be used in charts, illustations or infographics. Do not
tamper with the vector files of the icons. They have been designed to have equal stroke weights and be of
equal proportions to one another. If additional icons are to be created, keep in mind the following:
• The size of the icon must be made equal to
existing icons (compare to a similar vertical
or horizontal icon in our library of Bycoff icons).
• The icon’s stroke must be of equal weight
GLOBE NETWORK IDEA NOTEPAD MONEY PLANT
to the existing icons.
• Design balanced icon imagery that is a
mixed use of positive and negative space.

HUMAN SAFE MONEY PRESENTATION CHAT SPEAKER

CHART BOARD FOLDER SETTING CARTON GLOBE ONLINE SHOPPING

GEAR MONEY GRAPH ENGINE GRAPH TROPHY

IDEA CARTON MONEY PLANT GRAPH RISING DATABASE

ICONOGRAPHY SOCIAL MEDIA ICON
This icons are specific vector images thaT are used to represent ceratin information in cases that words
might be too long or clumpsy. The social media icons can be used in cases of given out any of the social
media handls, since the icons are generally known and acceptable. They have been designed to have equal
stroke weights and be of equal proportions to one another. If additional icons are to be created, keep in mind
the following:
• The size of the icon must be made equal to
existing icons (compare to a similar vertical
or horizontal icon in our library of Bycoff icons).
• The icon’s stroke must be of equal weight
to the existing icons.
• Design balanced icon imagery that is a Facebook
mixed use of positive and negative space. Skype Twitter

LinkedIn Dribble

SOCIAL
Google Instargram
MEDIA
I C O N S

Snapchat WhatsApp

Vimeo Behance
Facebook
 ycoff.

APPLICATIONS
- PRINTS
- STATIONERY

06
- SOCIAL MEDIA COVERS
APPLICATION
APPLICATION
APPLICATION
APPLICATION
APPLICATION STATIONERY
Letterhead

Business Card

ycoff.
YOUR PARTNER IN STRATEGIC GROWTH

Return Envelop
APPLICATION SOCIAL MEDIA COVERS
LinkedIn Instagram

ycoff.
ycoff.
Facebook

ycoff.
Twitter

ycoff.
ycoff. V1.0 - 2024