THE VALUE OF CONSISTENCY Keeping your brand cohesive is essential to the professionalism and stability of the identity. In this guide you’ll find helpful tips to keep your logo usage and brand identity consistent without questioning how and when to use your new assets.
FEMININE MINIMALIST OPAL-INSPIRED
TONE & MOODBOARD This concept is delicate, inviting and minimalist. The tone is feminine and independent. It was inspired by opal mining, jewelry and plants. The line work in the illustrations are clean and simple as a modern approach. The color palette is a balance between feminine and edgy.
PRIMARY LOGO V E R T I C A L
O R I E N T A T I O N
This is the main logo that will be placed across various platforms (including website, social media presence, ads, and other materials) to represent your brand. Using this design consistently will help audiences easily identify your work and services. Applying the logo with care and respect to these guidelines is essential to the professionalism of the brand.
A.
B.
C.
E.
D.
F.
SECONDARY LOGOS These logo variations, or secondary marks, are used to supplement the brand in various instances. Use these variations in place of the primary logo, and never directly next to the primary logo, as it is repetitive to the audience. Proper use of these elements is important for displaying your brand properly and included is a breakdown of when to use these logos in place of your primary logo.
A . H O R I Z O N TA L L O G O : This is a wide, rectangular form of the primary logo. Use this logo when horizontal space is limited, and a more horizontal application is appropriate.
D. H O R I Z O N TA L L O G O (O R “ W O R D M A R K ”): Use this design when space is limited, and your brand name must be clearly displayed. For example, display this version of the logo at the top of your website in the navigation bar.
B . A LT E R N AT E L O G O : Use this design when the primary logo is not necessary, but brand name should be displayed. For example, use this logo on the second page of printed materials or presentations, on social media images, or as a watermark on photos.
E. MARK: Use this design when the primary logo is not necessary, or if the brand name is already displayed in plain text. For example, in social media profiles, favicon or icons on website.
C . E M B L E M (O R “ B A D G E ”) :
F. TA G L I N E :
Use this when the primary logo is not necessary,
Similar to the emblem or alternatate logo,
but brand name should be displayed. Use this mark when viewers are familiar with the brand. For example, use this logo on the second page of printed materials or presentations, on social media profiles, or as a watermark on photos.
use this design when the primary logo is not necessary, or if the brand name is already displayed in plain text. For example, as an accent element on the website or collateral pieces.
A.
COLOR USE When using the primary logo or secondary variations, choosing a color to use is often dependent on the background color.
B.
A. FULL COLOR: This logo is the full color (two-tone) version. It is only appropriate to use the full color logo on a white background. B – D. O N E C O L O R ( D A R K ): When full color is not available, it is appropriate to use a dark one color logo on a white or light brand
The logos will be used in full color (A), or a one color variation (B-F).
color background. When brand colors are not an option, a black version of the logo is also acceptable on a white background. E & F. O N E C O L O R ( L I G H T ):
Included is a breakdown of how to use the logo with the brand colors on solid background.
When full color is not available, it is appropriate to use a light one color logo on a black or dark brand color background. When brand colors are not an option, a white version of the logo is also acceptable on a black background.
C.
D.
E.
F.
PHOTO BACKGROUND When placing the primary logo or
A.
secondary variations, on a photo background, there are a few things to keep in mind. It is important that the photo content is not obstructed by the logo, and vise versa. The contrast between the logo and
B.
the photo background must make the logo easy to read. In most cases, it is acceptable to use a white or black version of the logo, brand colors may be difficult to read depending on the photo. A . B E M I N D F U L O F C O N T E N T: Don’t place the logo over a complicated part of the image, where details are disrupted. - both in the logo and the image. B . A D D A D A R K O V E R L AY Do add a black transparent overlay when necessary over the photo, and under the logo. This is useful on website pages, presentation decks, marketing materials, etc. C. MOVE & SCALE LOGO Do move and scale the logo (proportionally) to a less complex part of the image (or use a simplified logo variation), where the photo color adds a sharp contrast behind the logo. This is helpful when watermarking an image.
C.
MINIMUM SIZE
MINIMUM HEIGHT 1.0"
POSITIONING When resizing, or scaling, the logo, it is important to be mindful of clear space around the design, as well as the readability
MINIMUM HEIGHT 0.75"
when the logo is small. The vertical primary logo should never be smaller than 1.0" tall when scaled down. When placing logos with other content, always leave clear space around the logo for cleanliness. This space isolates the design without allowing other content to overcrowd, clash with, or diminish the integrity of the design.
MINIMUM HEIGHT 0.75"
CLEAR SPACE
ORIGINAL
A.
B.
C.
D.
E.
F.
PHOTOGRAPH Y
LIFEST YLE PHOTOGRAPHER
G.
H.
I.
A. PROPORTION: Don’t squish or stretch the logo to fit it into a space. Always scale proportionally or use variations. B . R O TAT I O N : Don’t rotate the logo. C . R E- C O L O R I N G : Don’t change the color of the logo. Use the color options provided in the final logo files. D. C L E A R S PA C E : Don’t add any elements to the clear space surrounding the logo. E . R E-S I Z I N G :
UNACCEPTABLE USE Consistency with placement and use of the logo is essential to maintain the integrity of the brand. The logo should never be recolored, altered, distorted, skewed, squished,
Don’t scale, or re-size, any elements of the logo. F. A D D I N G E L E M E N T S : Don’t add unofficial elements to the logo. G. ST YLING EFFECTS: Don’t add a drop shadow or other styling effects to the logo. H . R E-A R R A N G I N G :
or compromised in any way other than the
Don’t re-arrange parts or create new compositions
recommended use outlined in this guide.
logos instead.
of the logo. When applicable, use the secondary
I . A D D I N G A C O N TA I N E R :
Included are examples of wrong ways of using
Don’t contain the logo in a box on a background.
the logo, that should NEVER be done.
background on a photo or solid color.
Use the proper logo file to place a transparent logo
TYPOGRAPHY The typography of the brand completes the design to portray the confidence and gracefulness of the owl. Using these fonts consistently is important across all print and web applications.
LY D I A N ( B O L D )
Use for headlines UPPERCASE
OPTIMA (BOLD)
Use for sub-headlines UPPERCASE
L AT O ( M E D I U M )
Use for body copy Sentence case
LY D I A N ABCDEFGH I JKLMNOPQRSTUVWXYZ
OPTIMA ABCDEFGH I JKLMNOPQRSTUVWXYZ
L AT O M E D I U M ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz
LI FESTYLE & BRAND PHOTOGRAPHY VISUAL STORYTELLING
Derferchicid utae vit esseni dis qui invellectium vid quas ilia iunt autatatusae landi secta vollect essequa tquae. Re et asinus iliti non nullo estis solendae por sunt voleseque cone autatas dus eosam quibusdae nonet
COLOR PALETTE The color palette was inspired by and delicate
vintage design. Color psychology also played a role in selecting the individual colors.
EMERALD PA N T O N E : P M S 3 3 02 C C M Y K : 91 / 47 / 66 / 4 2 R G B : 0 / 76 / 70 H E X : #0 0 4 C 4 6
Emerald is a primary brand color and communicates positivity and luxury. It also grounds the design. Use this color as a background color or as a foreground color with text, icons, or graphics.
BLUSH PA N T O N E : P M S 4 82 C CMYK: 13 / 21 / 25 / 0 R G B : 2 2 0 / 1 97 / 1 83 HEX: #DCC5B7
Blush is a primary brand color and communicates
romance and compassion. It also adds femininity to
the design. Use this color as a background color or as a foreground color with text, icons, or graphics.
Ash is an accent brand color and communicates
ASH PA N T O N E : P M S 4 4 3 C C M Y K : 47 / 31 / 35 / 1 R G B : 1 4 2 / 1 56 / 1 56 HEX: #8E9C9C
freshness and youthfulness. It is a cool neutral, yet contrasting color. Use this color as a background,
with a contrasting brand color in the foreground. Slate is an accent brand color and communicates
S L AT E PA N T O N E : P M S 4 3 1 C C M Y K : 67 / 52 / 4 4 / 1 7 R G B : 91 / 103 / 1 1 3 H E X : #5 B 6670
maturity. It’s a neutral accent color used in minimally, such as icons and text.
Midnight is an accent brand color and communicates confidence. This dark color adds gravity to the
design, but will mostly be used as a background color or as a text color.
MIDNIGHT PA N T O N E : P M S 4 2 6 C C M Y K : 74 / 65 / 62 / 67 R G B : 36 / 4 0 / 4 2 H E X : #24 2 82 9
ICONOGRAPHY Icons are supplemental brand assets to be used on the website, social media images, and as accent elements across all platforms.
MOVING FORWARD
Refer back to this guide when questioning how to use your new brand elements and even reach out for help (meow@pipandcricket.com). This guide allows for enough flexibility for you to use your new elements how you see fit, with staying consistent across all platforms.
© PIP & CRICKET LLC 2020
|
MEOW@PIPANDCRICKET.COM
|
PIPANDCRICKET.COM