BRAND GUIDELINES 2016 V.1.2
00
TABLE OF CONTENTS
01 BEYONDSOFT INTRO 02 LOGO MARK
03 LOGO CLEAR ZONES 04 COLOR PALETTE 05 TYPOGRAPHY
06 BEYONDSOFT SYMBOL 07 IMAGERY
08 ILLUSTRATIONS 09 ICONOGRAPHY 10 IMAGERY
11 ISOMETRIC
12 BUSINESS CARD 13 LETTERHEAD 14 TAKEAWAYS
15 ENVIRONMENT 16 EXAMPLES
BRAND GUIDELINES
01
01
BEYONDSOFT INTRO
BRAND GUIDELINES
02
01 BEYONDSOFT INTRO Preface
BRAND GUIDELINES
As a global brand we help our identity grow with the world, move with the times and live as an entity with meaning. Beyondsoft establishes a specific tone, message, and visual representation throughout to deliver a compelling brand image and voice. This voice is found through our service, products, and innovation within the industry and ourselves. We use this style guide as a core tool to help define, develop and manage, all of our core design elements that can be used throughout Beyondsoft’s business, marketing, and social channels from a both print, and web standard.
03
01 BEYONDSOFT INTRO Brand Mission
BRAND GUIDELINES
OUR MISSION
04
At Beyondsoft , our core values begin with innovation and trust which translates into how we approach everday obstacles in helping business see what is possible.
OUR VISION
We believe in holding a firm balance between human values and ground breaking services to help aid the world with new technologies.
01 BEYONDSOFT INTRO Brand Tone
MODERN
Always ahead of the curve, innovation is key, knowledge is power.
INTELLIGENT
We study night and day, long seminars and tech meetups are our jam.
MINDFUL
A brand that gets you from the start, a true friendship and partner that knows what to say and when to say it.
ACTIVE
Commonly know as dream chasers, we know how to burn the midnight oil effectively.
BRAND GUIDELINES
05
02
LOGO MARK
BRAND GUIDELINES
06
02 BEYONDSOFT LOGO MARK Brand Signature
BRAND GUIDELINES
07
Using shades The main form of our mark contains the logo symbol, and wordmark with a tagline. This also referred to the brand signature in which both the name of the logo and tagline live coherently. The Beyondsoft Wordmark uses a custom typeface and should be altered or seperated in any way.
Wordmark
Logo Symbol
The minimal size of the signature should never be smaller than 180px x 45 px on screen, and 2.5in by .625in for print material. For best practices and visual consistency, please use .svg files for all web graphics such as header logos, icons and symbols. Minimal Screen: 180px x 45px
Minimal for print: 2.5in x .625in
03
LOGO CLEAR ZONES
01 BEYONDSOFT INTRO Brand Mission
BRAND GUIDELINES
02 08
03 LOGO CLEARZONE Spacing Requirements
Logo Spacing
BRAND GUIDELINES
x
09
x x
The brand logo must maintain a minimum size of empty space called restricted zones domain. This restricted zone must be free of images, graphics, typepography, and other elements that would render the brand logo unclear. BEYONDSOFT font "x" corresponds to the height of the English brand logos line height of the capital “T� which is then distributed from the edge of the logo to create our resricred zone. In order to effectively use this method, refer to this map to add the correct margins around the brand logo for best results.
x
x
03 LOGO CLEARZONES Logo Color
BRAND GUIDELINES
Full-color version : four-color C100 M80 Y0 K0 Spot Color PANTONE 2728 C
Logo Color Form on the right will be described allowed color selection . Full color ( four-color or spot color ) whenever possible, use a full-color version of the logo, Full-color versions of the logo are suitable for all communication materials , including print ads , TV commercials , with products and electronic media . Highlight version Suitable for use at the scene of a dark background multimedia Multimedia version for electronic media. We use the term highlight for when to use the brand logo on a darker background for all kinds of media. This is commonly referred to as being “Reversed� out , when applying these rules with graphic design.
Web Version R 0 G 71 B186 Hex #0047ba
10
03 BEYONDSOFT INTRO Logo Shades
BRAND GUIDELINES
Using shades When using the brand logo in various media, you may not always have the ability to print in full color. When it comes to photo copying, newsprint, and other sales material that does not allow for color, we can default to a selection of blacks and greys. These colors are fully optimized to be used accordingly for both print and web usage. One rule to follow is making sure the logo is clear and crisp on devices and paper. Please ask for proofs when printing large runs. Even though these shades have been selected in terms of contrast ratio for readability , it is always best to ask for proofs.
Full-color version : four-color C13 M11 Y12 K0 Spot Color PANTONE COOL GREY 1 C
11
Web Use
R 217 G 217 B217 Hex #d9d9d9
Full-color version : four-color C13 M11 Y12 K0 Spot Color PANTONE COOL GREY 5 C
R 177 G 179 B179 Hex #b1b3b3
Full-color version : four-color C13 M11 Y12 K0 Spot Color PANTONE COOL GREY 9 C
R 99 G 102 B 196 Hex #63666a
Full-color version : four-color C71 M66 Y65 K72 Spot Color PANTONE NEUTRAL BLACK C
R0G0B0 Hex #000000
04
COLOR PALETTE
01 BEYONDSOFT INTRO Brand Mission
BRAND GUIDELINES
12
03 COLOR PALETTE Primary Colors
BRAND GUIDELINES
13
Using Primary Colors Our brand tone is defined by our carefully chosen color palette that is used to help express brand essence. We our official logo blue that balances color and emphasis on our professional voice. As the primary palette, these main set of colors are to be used first before moving into the secondary palette. The primary color selection is to be used for most materials and media both on and off the screen.
Full-color version : four-color R95 G78 B0 Spot Color PANTONE 2728 C
Full-color version : four-color C13 M11 Y12 K0 Spot Color PANTONE COOL GREY 5 C
Full-color version : four-color C100 M80 Y0 K0 Spot Color PANTONE COOL GREY 1 C
Full-color version : four-color C13 M11 Y12 K0 Spot Color PANTONE COOL GREY 9 C
Full-color version : four-color C13 M11 Y12 K0 Spot Color PANTONE COOL GREY 1 C
Full-color version : four-color C71 M66 Y65 K72 Spot Color PANTONE NEUTRAL BLACK C
03 COLOR PALETTE Secondary Colors
Using Accents Our brand tone is defined by our carefully chosen color palette that is used to help express brand essence. We have updated our official logo blue to a higher contrasted version that balances color and emphasis. As the primary palette, these main set of colors are to be used first before moving into the secondary palette. The primary In order to effectively use this method, refer to this map to add the correct margins around the brand logo for best results.
BRAND GUIDELINES
14
03 COLOR PALETTE Primary Colors
BRAND GUIDELINES
Full-color version : four-color C13 M11 Y12 K0 Spot Color PANTONE COOL GREY 1 C
R 217 G 217 B217 Hex #d9d9d9
Full-color version : four-color C13 M11 Y12 K0 Spot Color PANTONE COOL GREY 5 C
R 177 G 179 B179 Hex #b1b3b3
Full-color version : four-color C13 M11 Y12 K0 Spot Color PANTONE COOL GREY 9 C
R 99 G 102 B 196 Hex #63666a
Full-color version : four-color C71 M66 Y65 K72 Spot Color PANTONE NEUTRAL BLACK C
R0G0B0 Hex #000000
13