DEINKINDERGESCHIRR
BRAND GUIDELINE 2021
WWW.DEIN-KINDERGESCHIRR.DE
CONTENTS
Contents
BRAND GUIDELINE 2021
Logo Usage
4
Typography
17
Color Usage
11
Application
21
DEINKINDERGESCHIRR
BRAND GUIDELINE 2021
LOGO USAGE
It is important that our branding remains consistent. Please obey the brand style guide for consistent brand communication.
BRAND GUIDELINE 2021
OVERVIEW
Brand Logo Logo Elements Clearspace Minimum Size Incorrect
Logo Usage
LOGO USAGE
BRAND GUIDELINE 2021
Brand Logo
VERTICAL BRAND LOGO
Our brand logo consist a logomark and logotype. The logomark and logotype can be presented together or seperately as individual elements. We have 2 versions of the brand logo – Horizontal and Vertical. The nature of the elements in the brand logo should not be modified, recreated or transformed in any way. The brand logo shall never be streched and should be resized proportionately so that they are legible at all times.
HORIZONTAL BRAND LOGO
LOGO USAGE
Brand Logo
BRAND GUIDELINE 2021
LOGO USAGE
BRAND GUIDELINE 2021
Logo Elements
LOGOMARK
LOGOMARK The logomark acts as the identifying mark or symbol used to represent the brand. The brandmark is ideal for social media avatars, stamps, wax seals, and stickers. LOGOTYPE LOGOTYPE The logotype can be used when a simplified variation would suit the design context better or when the logomark is already presented within a design.
LOGO USAGE
Clearspace & Minimum Size
BRAND GUIDELINE 2021
For both vertical and horizontal brand logo, the minimum clearspace is determined by 1x the size of heart icon – derived from the logomark itself as illustrated below.
MINIMUM WIDTH: 30MM
Clear space is the area surrounding the logo that must be kept free of any other graphic elements. This exclusion zone indicates the closest any other graphic element can be positioned in relation to the logo. To ensure legibility and clarity, please do not scale the logo below the recommended size.
MINIMUM WIDTH: 22MM
LOGO USAGE
Clearspace & Minimum Size
BRAND GUIDELINE 2021
For both logotype, the minimum clearspace is determined by the width of the letter “D” – derived from the logotype itself as illustrated below.
MINIMUM WIDTH: 25MM
For logomark, the minimum clearspace is determined by 1x the size of heart icon – derived from the logomark itself as illustrated below. Clear space is the area surrounding the logo that must be kept free of any other graphic elements. This exclusion zone indicates the closest any other graphic element can be positioned in relation to the logo. To ensure legibility and clarity, please do not scale the logo below the recommended size.
MINIMUM WIDTH: 10MM
LOGO USAGE
BRAND GUIDELINE 2021
Incorrect Usage
Do not create new
Do not rotate or
Do not resize or modify any
Do not add any unofficial
compositions
reflect the logo
part of the logo
elements to the logo
Do not compress or stretch
Do not use gradient,
Do not change the color of
Do not add in special effects
the logo, always resize
always refer to the color
logo, always refer to the
such as drop shadows or 3D
proportionately
usage guideline
color usage guideline
effects
COLOR USAGE
It is important that our branding remains consistent. Please obey the brand style guide for consistent brand communication.
Color Usage
BRAND GUIDELINE 2021
OVERVIEW
Brand Colors Logo Color Usage Color Hierarchy
COLOR USAGE
BRAND GUIDELINE 2021
Brand Colors
RGB 245 245 243 GREY
BROWN
BLUE
NAVY
CMYK 3 2 3 0
RGB 255 255 255 WHITE
CMYK 0 0 0 0
#f5f5f3
#ffffff
RGB 195 185 171
RGB 220 180 171
CMYK 24 23 31 0
PINK
CMYK 13 30 27 0
#c3b9ab
#dcb4ab
RGB 190 203 215
RGB 185 195 187
CMYK 25 14 9 0
SAGE
CMYK 28 16 25 0
#becbd7
#b9c3bb
RGB 94 109 136
RGB 155 160 150
CMYK 69 54 31 8 #5e6d88
GREEN
CMYK 42 30 40 1 #9ba096
COLOR USAGE
Logo Color Usage
On the right illustrates the recommended color usage for brand application. Our logo is primarly used in Navy againts White, Grey, Blue, Pink, Sage and Brown backgrounds. When the logo is used against a Sage or Navy background, the logo is used in White.
BRAND GUIDELINE 2021
COLOR USAGE
Logo Color Usage
On the right illustrates the recommended color usage for brand application. The logo can be used in White or Navy againts imagery backgrounds. B&W versions can be used when color options are not applicable.
BRAND GUIDELINE 2021
COLOR USAGE
BRAND GUIDELINE 2021
COLOR USAGE
BRAND GUIDELINE 2021
Color Hierarchy White and Grey are the most commonly used background color.
Pink, Blue and Sage are used as secondary background colors.
A general color hierarchy is seen as illustrated on the right. The sizes of the circles visualizes the usage percentage of the brand colors within the branding.
Navy, Green and Bron are used as tertiary background colors. Navy is mainly used as logo and text color.
TYPOGRAPHY
It is important that our branding remains consistent. Please obey the brand style guide for consistent brand communication.
Typography
BRAND GUIDELINE 2021
OVERVIEW
Pimary Font Secondary Font Typographic Hierarchy
TYPOGRAPHY
BRAND GUIDELINE 2021
Primary Font
Jost fonts.google.com/specimen/Jost
ABCDEFGHIJKLMNOP QRSTUVWXYZ áâàäãåabcdefghijklm nopqrstuvwxyz 1234567890 !@#$%^&*()+
Typography plays a large role in the brand identity. We use a sans serif typeface to add character and personality to the brand. Jost is the chosen primary font for the brand.
SPECIFICATIONS
The sans serif typeface is used for Headers, titles and smaller exerts of text that require
TRACKING: 0
further emphasis.
LEADING: 15 - 50
Aa
TYPOGRAPHY
BRAND GUIDELINE 2021
Secondary Font
Assistant fonts.google.com/specimen/Assistant
ABCDEFGHIJKLMNOPQR STUVWXYZ áâàäãåabcdefghijklm nopqrstuvwxyz 1234567890 !@#$%^&*()+
Assistant is the chosen secondary font for the brand. Assistant is used for body copy and larger paragraph of text.
SPECIFICATIONS
Within brand materials, Assistant should
TRACKING: 0 - 100
appear smaller in scale in relation to Jost.
LEADING: 15 - 50
Aa
TYPOGRAPHY
BRAND GUIDELINE 2021
Typographic Hierarchy
Headings in Jost Medium Jost Medium can be used for smaller exerts of text that require further emphasis such as this paragraph.
SUBHEADINGS IN ASSISTANT SEMIBOLD
Assistant Regular is used for body copy. Assistant SemiBold can be used to highlight or emphasize certain area of text of the body copy. Assistant SemiBold is also used for button text. Typographic hierarchy is a system for organizing type that establishes an order of importance. This allows for clarity, consistency and a legible hierarchy for all communications.
ASSISTANT SEMIBOLD
APPLICATION
It is important that our branding remains consistent. Please obey the brand style guide for consistent brand communication.
Application
BRAND GUIDELINE 2021
OVERVIEW
Social Media Template
APPLICATION
BRAND GUIDELINE 2021
Social Media Template
www.dein-kindergeschirr.de
New Product Post Here
New Design Name Here
NEW
NEW
Lorem ipsum dolor sit amet, consectetuer
Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
adipiscing elit, sed diam nonummy nibh
sed diam nonummy nibh euismod tincidunt ut laoreet
euismod tincidunt ut laoreet dolore magna
Product Name Goes Here
dolore magna aliquam erat volutpat.
aliquam erat volutpat.
RECIPE
Gift Tips
Blog Title Goes Here
“ Quote Goes Here. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed
„
diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit
JOHN DOE
lobortis nisl ut aliquip ex ea
www.dein-kindergeschirr.de
commodo consequat.
Black Friday Sales
01
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
02
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
aliquam erat volutpat.
Price Competition Title Goes Here
UP TO 30% OFF
UP TO 30% OFF
30% $30
Catching Title for Conversion www.dein-kindergeschirr.de www.dein-kindergeschirr.de
$40
Lorem Ipsum
Lorem Ipsum
Lorem ipsum dolor sit amet, consectetuer adipisc
Lorem ipsum dolor sit amet, consectetuer adipisc
APPLICATION
BRAND GUIDELINE 2021
Social Media Template
www.dein-kindergeschirr.de
New Product Post Here
New Design Name Here
NEW
NEW
Lorem ipsum dolor sit amet, consectetuer
Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
adipiscing elit, sed diam nonummy nibh
sed diam nonummy nibh euismod tincidunt ut laoreet
euismod tincidunt ut laoreet dolore magna
Product Name Goes Here
dolore magna aliquam erat volutpat.
aliquam erat volutpat.
RECIPE
Gift Tips
Blog Title Goes Here
“ Quote Goes Here. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed
„
diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit
JOHN DOE
lobortis nisl ut aliquip ex ea
www.dein-kindergeschirr.de
commodo consequat.
Black Friday Sales
01
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
02
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
aliquam erat volutpat.
Price Competition Title Goes Here
UP TO 30% OFF
UP TO 30% OFF
30% $30
Catching Title for Conversion www.dein-kindergeschirr.de www.dein-kindergeschirr.de
$40
Lorem Ipsum
Lorem Ipsum
Lorem ipsum dolor sit amet, consectetuer adipisc
Lorem ipsum dolor sit amet, consectetuer adipisc
DEINKINDERGESCHIRR
BRAND GUIDELINE 2021
WWW.DEIN-KINDERGESCHIRR.DE