View
1
Download
0
Category
Preview:
Citation preview
Brand guidelinesApril 2019
VISUAL IDENTITY
Main logoThe logo is the flagship element of our visual identity.
It represents Bold Commerce, or simply Bold, as a brand and
business across all of our communications and departments.
The Bold logo consists of geometric shapes and curvatures that
visually represent its:
- power, strength and reliability, projected through the glyph
which is the most replicated symbol of our brand
- uniformity, through the use of matching arcs and shapes across
the glyph and wordmark
- innovation, detailed in the unconventional gap that exists in the
letters “b” and “d”
The logo should not be edited, modified, distorted, reshaped, or
recolored in any way. The logo is formed by both a glyph and a
wordmark. It does not include any taglines.
The glyph can be used by itself to represent the brand as an icon
or whenever a 1 : 1 ratio logo is required. However, it’s against the
guidelines to use the wordmark by itself.
WordmarkGlyph
Logo
VISUAL IDENTITY
Color variations Color variations on backgrounds
FULL COLOR (preferred)
ONE COLOR MONOCHOMATIC OPACITY SCALING - 25% DECREMENTS
ONE COLOR MONOCHROMATIC
REVERSED ONE COLOR MONOCHOMATICON DARK BACKGROUNDFULL COLOR ON DARK BACKGROUND (preferred)
FULL COLOR ON PRIMARY AND SOLUTION COLORED BACKGROUND
In order to maintain the integrity of the brand, only use these
approved color variations for the Bold logo.
When possible, the preferred logo version which consists of the
red colored glyph should be favored over other color variations.
Opacity changes to the logo should only be applied when using
the one color monochromatic version and in 25% decrements.
The Bold logo can be placed over any colored background, with
the exception of the preferred full color logo over red backgrounds
and shades of red that do not provide enough contrast.
VISUAL IDENTITY
Logo integrity Minimum required sizeBold’s logo follows a construction grid that makes its spacing and
proportions consistent.
The grid provides a strong foundation for a balanced logo and
uniform spatial relationship between each part of the logo.
Image proportions should always be kept in mind when increasing
or decreasing the size of the logo. The Bold logo has been
designed to be resized to a minimum dimension of no less than
0.3” in height in print format, equivalent to 26 pixels in height in
digital format.
26px
x8x8x x x x x
3x
3x
3x
3x
10%border radiusof width / height
VISUAL IDENTITY
Clear spaceWe provide a specific amount of width around the logo to make
it stand out clearly and guarantee it's not obstructed by any
other elements.
The logo must always be surrounded by a minimum amount of
“breathing space” to ensure e�ective communication. No text,
graphic, photographic, illustrative, or typographic element must
encroach upon this space.
We use the rounded corner square glyph to gauge the amount
of clear space needed.
However, aligning the left hand edge of the logo with texts or
images is permitted. The empty space of the margin will serve as
the necessary clear space. A logo file without clear space is
provided in the downloadable zip file. At Bold, we empower entrepreneurs by providing them with tools they can use to make their eCommerce stores truly awesome.
That means giving your store the ability to fulfill all the unique needs of your business - and more. Every merchant is di�erent, so we give you the power to make your eCommerce platform not only perform exactly the way you want it to, but also to do things you didn’t think were possible.
Since the beginning, we’ve kept ahead of the curve and we want to help you do the same. Tens of thousands of merchants around the world trust Bold's industry-leading innovations, e�ective sales boosting solutions, and world-class customer service.
Same width as glyph
Sam
e w
idth
as
glyp
h
VISUAL IDENTITY
TypographyOur chosen typography allows for a consistent style and
appearance of text throughout our brand communications,
reflecting our brand personality traits.
We use the typeface Proxima Nova with two di�erent weights:
- Proxima Nova Regular for large headlines and body text;
- Proxima Nova Bold for highlighting text in bold and small
headlines in uppercase.
The italicized version of each font can be used to emphasize
words and di�erentiate text.
AaABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
Large headlines and body text
Proxima Nova Regular
AaABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
Highlight text in bold and small headlines in all caps
Proxima Nova Bold
VISUAL IDENTITY
Primary color palette#FF9A91R255 G154 B145C3 M52 Y47 K0PMS 486 C
BOLD RED
#DF3626R223 G54 B38C2 M91 Y98 K1PMS 485 C
BOLD BLUE
#0C92F2R12 G146 B242C76 M34 Y0 K0PMS 279 C
BOLD DARK
#525252R82 G82 B82C59 M45 Y42 K39PMS 425 C
BOLD LIGHT
#FFFFFFR255 G255 B255C0 M0 Y0 K0N / A
MAIN BODY / TEXT COLOR
#58627CR88 G98 B124C67 M52 Y44 K17PMS 431 C
#AA251FR170 G37 B31C22 M92 Y91 K12PMS 7627 C
#781D14R120 G29 B20C33 M92 Y73 K38PMS 188 C
#FF6861R255 G104 B97C0 M73 Y57 K0PMS 178 C
Bold’s primary color palette ensures a consistent look and feel
across all of Bold’s communications and helps create brand
awareness through the careful use of our o�cial colors.
Bold Red is our hero color. It is primarily used for our logo glyph,
but is also minimally and strategically used for various graphics to
accent our logo.
Bold Blue is our primary color. It is the dominant color in all of our
communication and design elements, conveying our
tech-savviness and authority in eCommerce which, when allied
with Bold Red, creates a unique visual theme.
The primary color palette is used when communicating about our
brand at a high level, as well as when communicating about our
individual apps. When communicating about our solutions, only
the Bold Red should be used in conjunction with the extended
color palette.
Gradients can be created by transitioning between colors of the
same hue, but not across di�erent hues. Eg.: Creating a gradient
which transistions between Bold Red and Bold Blue is against
brand guidelines.
#76CBFFR118 G203 B255C66 M9 Y2 K1PMS 2915 C
#0C79BCR12 G121 B188C99 M31 Y8 K5PMS 7461 C
#095889R9 G88 B137C98 M51 Y16 K22PMS 7692 C
#43B7FFR67 G183 B255C63 M14 Y1 K0PMS 292 C
#EAEAEAR234 G234 B234C13 M10 Y12 K0PMS COOL GRAY 1 C
#1E1E1ER30 G30 B30C63 M52 Y51 K75PMS NEUTRAL BLACK C
#000000R0 G0 B0C82 M71 Y59 K75PMS BLACK 6 C
#B7B7B7R183 G183 B183C31 M21 Y21 K2PMS COOL GRAY C
VISUAL IDENTITY
Extended color paletteThe extended color palette is used solely when marketing and
designing for each of Bold's solutions.
Each solution's color palette is used only for content and
messaging about that solution. Otherwise, use Bold's primary
color palette.
For example, if the content describes the Bold Loyalty solution,
use its color palette. On the other hand, if the content is about
the Loyalty Points app (yes, there's a di�erence), the primary
color palette should be used instead. If the content is about two
or more apps that aren't in a solution together, use the primary
color palette.
Each solution has a corresponding color palette — one base
color and at least two corresponding tints and shades.
Gradients can be created from transitioning between colors of
the same hue and solution, but not across di�erent solutions.
BOLD EVERYWHEREMARINE
#035882R3 G88 B130C95 M35 Y22 K37PMS 7701 C
BOLD SUBSCRIPTIONSPURPLE
#753BBDR117 G59 B189C76 M75 Y0 K0PMS 266 C
BOLD CHECKOUTGREEN
#78BE20R120 G190 B32C52 M6 Y98 K1PMS 368 C
BOLD CONVERSIONTEAL
#00B0B9R0 G176 B185C94 M1 Y36 K0PMS 7466 C
BOLD B2BSLATE
#6A7684R106 G118 B132C55 M35 Y38 K21PMS 444 C
BOLD LOYALTYPINK
#E45DBFR228 G93 B191C24 M66 Y0 K0PMS 238 C
BOLD CUSTOMIZATIONORANGE
#FF9E1BR255 G158 B27C0 M49 Y91 K0PMS 1375 C
#02374CR2 G55 B76C81 M41 Y41 K60PMS 309 C
#011219R1 G18 B25C69 M52 Y44 K79PMS 296 C
#35B4E5R53 G180 B229C73 M5 Y4 K0PMS 298 C
#6ED6FFR110 G214 B255C47 M0 Y7 K0PMS Blue 0821 C
#502CA89R80 G44 B137C82 M89 Y5 K1PMS 268 C
#321C56R50 G28 B86C86 M88 Y27 K45PMS 2695 C
#B485FFR180 G133 B255C46 M53 Y0 K0PMS 2577 C
#D4B8FFR212 G184 B255C22 M29 Y0 K0PMS 530 C
#5A8918R90 G137 B24C54 M23 Y99 K19PMS 370 C
#39560FR57 G86 B15C57 M41 Y72 K57PMS 5743 C
#BDFF5FR189 G255 B95C24 M0 Y71 K0PMS 374 C
#D2FF92R210 G255 B146C21 M1 Y63 K0PMS 373 C
#008484R0 G132 B132C96 M20 Y53 K9PMS 7717 C
#005151R0 G81 B81C88 M28 Y48 K49PMS 7722 C
#2FEAEAR47 G234 B234C63 M0 Y30 K0PMS 3252 C
#99FFFCR153 G255 B252C36 M0 Y21 K0PMS Green 0921 C
#40484FR64 G72 B79C63 M45 Y49 K52PMS 446 C
#020202R2 G2 B2C67 M52 Y46 K82PMS BLACK 6 C
#B5B5B5R181 G181 B181C34 M23 Y24 K3PMS 421 C
#E8E8E8R232 G232 B232C12 M10 Y6 K0PMS 663 C
#AF4A97R175 G74 B151C40 M71 Y5 K3PMS 7655 C
#7C356BR124 G53 B107C51 M91 Y19 K11PMS 249 C
#FF9FE8R255 G159 B232C6 M45 Y1 K0PMS 210 C
#FFD2F4R255 G210 B244C10 M26 Y1 K0PMS 517 C
#CC7A17R204 G122 B23C13 M61 Y94 K3PMS 7565 C
#995B11R153 G91 B17C24 M63 Y100 K23PMS 1395 C
#FFC783R255 G199 B131C1 M24 Y49 K0PMS 148 C
#FFDEB6R255 G222 B182C4 M13 Y32 K0PMS 7506 C
DO NOTcenter lockup the logoVISUAL IDENTITY
What not to doThere are several instances where a logo’s visual identity can
be misinterpreted and applied incorrectly.
To guarantee that the logo’s integrity and expected structure is
maintained we have highlighted some common incorrect uses
that are not permitted.
The Bold logo should always be presented in accordance with
these guidelines and never be distorted, reshaped, or edited.
No other visual elements should ever be added to it or placed
behind or in front of it.
Here are some examples of unacceptable logo arrangements.
DO NOTswap elements around
DO NOTrotate any elements
DO NOTchange the logo’s o�cial colors
DO NOTdistort or skew the logo
DO NOTreplace the wordmark font
DO NOTplace elements over the logo
DO NOTplace the logo over the color red
DO NOTplace the logo on images withoutinsu�cient contrast
DO NOTadd any e�ects
DO NOTalter the spacing of the logo
DO NOTuse the wordmark by itself
If you have any questions regarding the use of our brand,please contact marketing@boldcommerce.com
Recommended