The Fem Talk | Branding & Manual

Page 1

Brand Guidelines Logo & Identity for The Fem Talk designed by corrella

Your Company Client Name

125 Herold Avenue, Anywhere | 5624 Winterland | Phone 34 5678 68 E-Mail info@your-company.com | Web www.your-company.com The Fem Talk | 345, Spring Avenue, Somewhere | 5624 Dreamland


Client: The Fem Talk

BRAND GUIDELINES

BRAND GUIDELINES

Contents Section

Introduction

Section

The Logo

Section

The Typography

01

02

03

You never get a second chance to make a first impression. (Andrew Grant, Even)

The Logo and usage Logo Badges Construction & clearspace

The corporate font 01 The corporate font 02 Typography & hierachy

Section

The color system

Section

Printed

Section

Digital

04

05

06

Logo color palette Secondary color palette

The letterhead Business card & envelope Presentation folder & merchandising Grid systems

Web design Grid systems

Section

Imagery

Section

Iconography

07

08

2

About this brand

Inspiration

Corporate icons

5

7 8 9

10 11 12

14 15

18 19 23 24

18 19

32

34

3


Client: The Fem Talk

BRAND GUIDELINES

01 Introduction

BRAND GUIDELINES

About this brand

This identity guideline is a tool designed to project the image, values, and aspirations behind the brand. It is the cornerstone of all communication efforts and must be followed carefully to ensure a consistent style and quality of presentation. Every participating institution is responsible for representing or coordinating the use of the brand along with an individual institution’s brand.

Information about this brand

Girl Nine

The Fem Talk

4

5


Client: The Fem Talk

BRAND GUIDELINES

BRAND GUIDELINES

The logo and usage

The The Fem Talk logo combines three elements: The The Fem Talk logotype, the variants and the brand mark. These elements should never be changed. Position, size, and color, along with the spatial and proportional relationships of the The Fem Talk logo elements, are predetermined and should not be altered.

Used consistently, they will reinforce public awareness of the company.

02

Logo Horizontal

Logo Vertical

The logo

Our logo is the touchstone of our brand and one of the most valuable assets. We must ensure its proper usage. The corporate logo is presented through the use of colors, shapes and typography.

A variant of use with the colored background.

6

A variant of use when the background is dark.

7


Client: The Fem Talk

BRAND GUIDELINES

Logo Badges You must honor the The Fem Talk Logo palette when possible, using black or white if necessary.

BRAND GUIDELINES

Construction & clearspace

The THE FEM TALK logo requires serperation from the other elements around it. The space required on all sides is roughly eqivalent to the letter width 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

If necessary, solid colored and grayscale logos can be used.

8

9


Client: The Fem Talk

BRAND GUIDELINES

BRAND GUIDELINES

Corporate font 01 Adobe Caslon Pro

03 The typography

Typography is 95% of design – it’s a driving force in all forms of communication art.

PRIMARY FONT Adobe Caslon Pro

DESIGNER William Caslon

ABOUT THE FONT A long running serif font first designed in 1722 and used extensively throughout the British Empire in the early eighteen century. It was used widely in the early days of the American Colonies and was the font used for the U.S. Declaration of Independence, but fell out of favor soon after. It has been revived at various times since then, in particular during the British Arts and Crafts movement and again each time it went through a redesign for technological changes. It continues to be a standard in typography to this day.

Regular Italic ABCDEFGHIJKLMNOPQRSTU VWXYZ abcdefghijklmnopqrstuvwxyz 01234567890

RULES This font should be used in all The Fem Talk communications to project a consistent visual identity. This includes promotional materials, advertising, digital assets, and printed materials.

10

11


Client: The Fem Talk

BRAND GUIDELINES

Corporate font 02 Lato

SECONDARY FONT Lato

DESIGNER Łukasz Dziedzic

ABOUT THE FONT Lato is a sanserif type­face fam­ ily designed in the Sum­mer 2010 (“Lato” means “Sum­mer” in Pol­ish). In Decem­ber 2010 the Lato fam­ily was pub­lished under the open-​​ source Open Font License by his foundry tyPoland, with sup­port from Google. In 2013 – 2014, the fam­ily was greatly extended to cover 3000+ glyphs per style. The Lato 2.010 fam­ily now sup­ports 100+ Latin-​​ based lan­guages, 50+ Cyrillic-​​based lan­guages as well as Greek and IPA pho­net­ics. In the process, the met­ rics and kern­ing of the fam­ily have been revised and four addi­tional weights were created.

RULES This serif font is available in 10 weights. We use 3 of them. The

Regular Italic Black ABCDEFGHIJKLMNOPQRSTU VWXYZ abcdefghijklmnopqrstuvwxyz 01234567890

BRAND GUIDELINES

Typography & hierachy

Size is the simplest way to create contrast between different typographic elements in your design. With 6 levels of typography, the font size generally starts out largest on top (level one; your most important information) and decreases in size as you move down the page.

Layout, for both print and screen, is one of the most important aspects of graphic design.

HEADING 1 Adobe Caslon Pro, 60 pt regular, italic

The quick brown fox HEADING 2

Adobe Caslon Pro, 44pt regular, italic

The quick brown fox HEADING 3

Adobe Caslon Pro, 24pt regular, italic

The quick brown fox HEADING 4 Lato, 15pt black

The quick brown fox HEADING 5 Lato, 14pt regular uppercase, spacing 200

THE QUICK BROWN FOX B O DY C O P Y L AT O ( 8 P T R E G U L A R ) The quick brown fox

12

13


Client: The Fem Talk

BRAND GUIDELINES

BRAND GUIDELINES

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 The Fem Talk communcations. Lighter tints of these colors are also allowed., but the Logotype + background may only be used with a 100% tint.The primary colors include a light summer blue and a dark gray color, that embodies the creativity and dynamic of the company. The additional colors are gray and white to underline the seriousity of your business.

A comprehensive color palette has been developed to provide flexibility while creating a unified, recognizable ap-

04

Primary color PARROT PINK COLOR CODES CMKY - 7 / 47 / 27 / 0 RGB - 229/ 151 / 155 HEX - #E5989B

Primary color JET BLACK

COLOR CODES CMKY - 0/ 0/ 0/ 0 RGB - 0/ 0/ 0 HEX - #000000

The color system

With 93% of customers influenced by colors and visual appearance, make sure you pick the right colors for your company.

14

80%

80%

60%

60%

40%

40%

20%

20%

15


Client: The Fem Talk

BRAND GUIDELINES

BRAND GUIDELINES

Secondary color palette PA S T E L B LU E CMKY - 16 / 0 / 7 / 0 RGB - 223 / 240 / 239 HEX - #dff0ef

80% - 20%

THE COLORS The logo color palette includes specifications for Pantone colors on coated stock (C) and HKS on natural paper (N).

OLD PINK CMKY - 13 / 37 / 18 / 0 RGB - 223 /177 / 184 HEX - #dfb1b8

80% - 20%

When reproduced using the four-color process (CMYK), and when creating PowerPoint presentations (RGB). The palette allows the addition of secondary colors to enrich the The Fem Talk visual identity as a whole. Lighter tints (up to 20 %) of these colors are also allowed.

These colors are complementary to our official colors, but are not recognizable identifiers for our company. Use the the “Old Pink “ and “Antique Rose” colors sparingly. ANTIQUE ROSE CMKY - 29 / 34 / 26 / 0 RGB - 192 / 172 / 173 HEX - #c0acad

80% - 20%

L I G H T G R AY CMKY - 18 / 13 / 13 / 0 RGB - 217 / 217 / 216 HEX - #d9d9d8

16

80% - 20%

17


Client: The Fem Talk

BRAND GUIDELINES

BRAND GUIDELINES

The letterhead

05 Printed

When it comes to developing the stationery, consistency is the key for all layouts and designs.

Clean and simple, we designed our stationary to align with our visual system. The letterhead features the logo in the tmiddle of the top with the business contact information on the opposite site.

DIMENSIONS: DIN A4

PA P E R : 100 g/m² offset white

18

19


Client: The Fem Talk

BRAND GUIDELINES

Business cards

BRAND GUIDELINES

Envelopes

THE FEM TALK | 345 SPRING AVENUE | SOMEWHERE WONDERLAND

20

The business card will be used for all official contact and communication of our company. These are the approved layouts.

The envelope will be used for all official contact and communication of our company. These are the approved layouts. Other formats are also allowed.

DIMENSIONS:

DIMENSIONS:

85 mm x 55 mm

DIN lang C5

PA P E R :

PA P E R :

350 g/m² glossy white paper

80g/m² offset white paper

21


Client: The Fem Talk

BRAND GUIDELINES

22

BRAND GUIDELINES

Presentation folder

Merchandising

The presentation folder will be used for all portfolio and proposal presentations of our company. These is the approved layout.

These are the apporoved layouts for a paper bag, pencil and price tags.

DIMENSIONS:

DIMENSIONS:

345 mm x 490 mm

345 mm x 490 mm

PA P E R :

PA P E R :

350 g/m² glossy white paper

350 g/m² glossy white paper

23


Client: The Fem Talk

BRAND GUIDELINES

Grid systems

U S E O N D I N A 4 A N D L E T T E R F O R M AT

BRAND GUIDELINES

For images

The grid is used as a guide for how to place text, photos and advertisements on the page. The font size that you use should be proportionate to the grid.

The 12 column grid is always the basic. For special prints, a 6 cloumn grid is also allowed.

24

25


Client: The Fem Talk

BRAND GUIDELINES

BRAND GUIDELINES

Web design

06

SAM NOBITEM QUIDEST

Digital

Using a grid system is one way to achieve a level of consistency that would be otherwise extremely difficult to master.

It la verferi di aborroreped quo et od ullab iment voloratus reic to molorerrorro cor rerio. Nam que num litium fuga. Mil es volum corest, omnia posanti onsequo to officia consequ atempor

COLOR The basic color for the websites is always pastel blue. Use main color 2 to highlight some articles. The photos have always

26

27


Client: The Fem Talk

BRAND GUIDELINES

SAM NOBITEM QUIDEST

BRAND GUIDELINES

SAM NOBITEM QUIDEST

It la verferi di aborroreped quo et od ullab iment voloratus reic to molorerrorro cor rerio. Nam que num litium fuga. Mil es volum corest, omnia posanti onsequo to officia consequ atempor Musam simil iscit lit eatur ab id maiorepre nossunt voloreribus nobis unt quos eosseque nihil ium non re nus, numque magnatur se nos sandunt emporibeaque volessi.

FONTS The fonts Adobe Caslon Pro and Lato can also be used on the web. The Caslon font is always used for the big headlines,

28

N AV I G AT I O N The navigation is always on the top, left and right beside the logo. Use uppercase letters for it.

29


Client: The Fem Talk

BRAND GUIDELINES

Grid system USE ON DIFFERENT DEVISES

BRAND GUIDELINES

Wire frames

G E N E R A L I N F O R M AT I O N O F T H E C O N T E N T A N D L AYO U T O F E A C H PA G E

Grid systems are used for creating page layouts through a series of rows and columns that house your content. Here are some examples.

Please follow the rules, to have a consistant visual appearance.

MORE EXAMPLES FOR SCREEN GRID 16:9

30

2 column grid

3 column grid

4 column grid

6 column grid

Custom layout

Portfolio page

Product page

Team members

Article right

Article left

Blog

Landing page

31


Client: The Fem Talk

BRAND GUIDELINES

BRAND GUIDELINES

Inspiration

07 Imagery

Brand image is the overall impression in consumers’ mind that is formed from all sources

32

33


Client: The Fem Talk

BRAND GUIDELINES

BRAND GUIDELINES

Corporate icons

08 Iconography

An organization, no matter how well designed, is only as good as the people who live and work in it.

34

35


The Faysination Studio Girl Nine

The Faysination Ave, University Town. | Peshawar | Phone +923429039277 E-Mail hello@faysination.com | Web studio.faysination.com The Fem Talk | 345, Spring Avenue, Somewhere | 5624 Dreamland


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.