Design
GUIDELINES LO G O & I D E N T I T Y F O R V I B RA N T MO N E Y created August 2020
W W W. M Y V I B R A N T M O N E Y. CO M
DESIGN GUIDELINES
FOR VIBRANT MONEY
Design guidelines
CONTENTS INTRODUCTION About this brand
04 ADDITIONAL 3
01 THE LOGO The usage of the logo
6
Incorrect use and correct use
7
The logo clearspace
8
Color variations
9
02 THE COLOR Logo color palette
12
Secondary color palette
13
03 TYPOGRAPHY
2
The primary typeface
16
The secondary typeface
18
The accent typeface
20
Image moodboard
24
Design moodboard
26
DESIGN GUIDELINES
About this brand At Vibrant Money it’s our mission to help women create a healthy relationship to their money and eliminate money stress by helping them claim their power with money, get out of debt, build their wealth, and earn to their highest potential. This identity guideline is a tool designed to protect the image, values, and aspirations behind the brand Vibrant Money. It is the cornerstone of all communication efforts and must be followed carefully to ensure a consistent style and quality of presentation.
3
DESIGN GUIDELINES
FOR VIBRANT MONEY
01. 4
DESIGN GUIDELINES
THE LOGO Our logo is the touchstone of our brand and one of the most valuable assets. We must ensure its proper usage.
5
DESIGN GUIDELINES
FOR VIBRANT MONEY
The usage of
THE LOGO
T H E V I B RA N T MO N E Y LO G O C O M B I N E S 2 E L E M E N TS : The words “vibrantmoney� as one word in Urbane Rounded Exra Light and an icon made of VM in LiebeDoni. Though these elements may be used separately, these elements should never be changed. Position, size and color, along with the spatial and proportional relationships of the Vibrant Money logo elements, are predetermined and should not be altered. Used consistently, they will reinforce public awareness of the company.
Different versions of the logo
Icon and Words
6
Icon Only
Words only
DESIGN GUIDELINES
Incorrect and
CORRECT USE Please note: The logo cannot be changed! Although creativity is appreciated please do not alter the logo in anyway!
DON’Ts
DON’T use stroke shadows
DON’T use non-approved colors
NEVER change the proportions
DOs
You CAN use just the icon or just the words separately
You CAN use the logo in a solid brand color or black and white
You CAN use the logo in whitte on a dark background
7
DESIGN GUIDELINES
FOR VIBRANT MONEY
The logo
CLEAR SPACE The Vibrant Money logo requires serparation from the other elements around it. The space required on all sides is roughly eqivalent to the initial letters of the logo type. It never should be less than that. The logo must always fit into the clearspace area and can not be intervened by other graphical elements which could hinder legibility of the brand. Please note that text or pictorial figures, which have strong impact or impression, should not be placed near the logo, even though you keep the isolation area blank.
Whenever you use the logo, it must be surrounded with clearspace to ensure its visibility.
8
DESIGN GUIDELINES
The logo
COLOR VARIATION
All one brand color
Black and white logo version
White on color background
Sometimes, often due to production costs, you need another color or only one color of ink is available and so the Logo must be reproduced using only one color. In this scenario, the logo must be used following the convention of using a light color type on a dark background or in a dark color type on a light background. You must honor the Vibrant Money color palette when possible, using black or gray if necessary.
9
DESIGN GUIDELINES
FOR VIBRANT MONEY
02. 10
DESIGN GUIDELINES
THE COLOR With 93% of customers influenced by colors and visual appearance, make sure you pick the right colors for your company.
11
DESIGN GUIDELINES
FOR VIBRANT MONEY
Logo
COLOR PALETTE U S E O F C O LO R F O R T H E P R I N T E D & D I G I TA L LO G O. The following palette has been selected for use in Vibrant Money communcations. Lighter tints of these colors are also allowed, but the Logotype may only be used with a 100% tint. The primary colors include a pink melon tone that embodies the vibrant site of the company. The additional color is a dark green which harmonized perfectly to the pink and gives the a warm and balanced touch.
12
Color 1
Color 2
M E LO N
EMERALD
C O LO R C O D E S
C O LO R C O D E S
CMYK
CMYK
0 / 26 / 29 / 0
100 / 0 / 9 / 64
RGB
RGB
255 / 188 / 181
0 / 91 / 83
HEX
HEX
#ffbcb5
#005b53
DESIGN GUIDELINES
Secondary
COLORS The palette allows the addition of secondary colors to enrich the Vibrant Money visual identity as a whole. Lighter tints of these colors are also allowed. These colors are complementary to our official colors, but are not recognizable identifiers for our company. Use these colors sparingly, except Linen.
LINEN
COPPER
CMYK 0 / 5 / 11 / 5 RGB 242 / 229 / 215 HEX #F2E5D7
CMYK 0 / 38 / 52 / 21 RGB 201 / 125 / 96 HEX #C97D60
OXFORD BLUE
BLACK
CMYK 81 / 60 / 0 / 74 RGB 13 / 27 / 67 HEX #0D1B43
CMYK 0 / 0 / 0 / 100 RGB 0 / 0 / 0 HEX #000000
13
DESIGN GUIDELINES
FOR VIBRANT MONEY
03. 14
DESIGN GUIDELINES
TYPOGRAPHY Typography is 95% of design – it’s a driving force in all forms of communication art.
15
DESIGN GUIDELINES
FOR VIBRANT MONEY
The primary
TYPEFACE
URBANE ROUNDED Extra Light
Aa 123 16
DESIGN GUIDELINES
ABCDEFGH IJKLMNOP QRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890
Urbane Rounded Extra Light Urbane Rounded Medium Urbane Rounded Bold DOWNLOAD THE FONT
https://fonts.adobe.com/fonts/urbane-rounded
17
DESIGN GUIDELINES
FOR VIBRANT MONEY
The secondary
TYPEFACE T H I S T Y P E F A C E I S T O B E U S E D S P A R I N G LY A N D A S A N A C C E N T O N LY .
Font: Bookman JFPro
Aa 123 18
DESIGN GUIDELINES
ABCDEFGHIJKLMOP QRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890
BookmanJFPro Roman
DOWNLOAD THE FONT
https://fonts.adobe.com/fonts/bookman-jf
19
DESIGN GUIDELINES
FOR VIBRANT MONEY
The accent
TYPEFACE
Aa 123 Font: Liebe DoniOutline
20
DESIGN GUIDELINES
ABCDEFGHIJKLMOP QRSTUVWXYZ
ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890
LiebeDoni Outline
DOWNLOAD THE FONT
https://fonts.adobe.com/fonts/liebedoni
21
DESIGN GUIDELINES
FOR VIBRANT MONEY
04. 22
DESIGN GUIDELINES
ADDITIONAL An organization, no matter how well designed, is only as good as the people who live and work in it.
23
DESIGN GUIDELINES
FOR VIBRANT MONEY
Image
MOODBOARD
Examples and rules Use saturated colors with a warm feel. Use photos that feature brand colors where possible. Also allowed are grayscale images for print and web. Use imagery that demonstrates freedom, nature, or persons. Use CMYK (RGB for web) modus, when the background is white or the colorscheme fits with the colors of Vibrant Money. Use grayscale images, when the colorscheme doesn’t fit with the background.
24
DESIGN GUIDELINES
25
DESIGN GUIDELINES
FOR VIBRANT MONEY
Design
MOODBOARD GLITTER AND FOIL Palette of rose gold and copper glitter, foil, and marble textures
BACKGROUND TEXTURES Different melon and emeralad textures usable as back-
26
DESIGN GUIDELINES
Suitable colorshemes
01 Melon
02 Linen
03 Oxford Blue
o4 Copper
05 Emerald
06 Black
27
W W W. MYVIBRA NTMONEY.COM