eVOGUE CI

CORPORATE 1 // 46
IDENTITY
January, 2016
THE CORPORATE DESIGN GUIDELINES FOR DESIGN.INC MEDIA

CORPORATE IDENTITY? HAVE
A LOOK WHEN IMAGE MEETS DESIGN.

2 // 46

THESE GUIDELINES
DESCRIBE THE
VISUAL AND VERBAL
ELEMENTS THAT
REPRESENT DESIGN.
INC´S CORPORATE
IDENTITY.

3 // 46

LOGO INTRODUCTION

INTRODUCTION

THE DESIGN GUIDELINES

These guidelines describe the visual and verbal elements that
represent design.inc’s corporate identity. this includes our name,
logo and other elements such as color, type and graphics.

Sending a consistent and controlled message of who we are is
essential to presenting a strong, unified image of our company. these
guidelines reflect design.inc’s commitment to quality, consitency and
style.

The design.inc brand, including the logo, name, colors and identifying
elements, are valuable assets.

each of us is responsible for protecting the company’s interests by
preventing unauthorized or incorrect use of design.inc name and
marks.

4 // 46

THE LOGO INTRODUCTION
THE LOGO APPLICATION
THE LOGO ELEMENTS
CLEARSPACE AND
COMPUTATION
INCORRECT LOGO
APPLICATIONS

5 // 46

LOGO INTRODUCTION

THE FULL LOGOTYPE LOGO INTRODUCTION

The Design.Inc Masterbrand or Corporate Logo OUR LOGO IS THE KEY BUILDING BLOCK OF OUR IDENTITY, THE PRIMARY VISUAL ELEMENT THAT IDENTIFIES US.
comprises two elements, the logo symbol and logo THE SIGNATURE IS A COMBINATION OF THE SYMBOL ITSELF AND OUR COMPANY NAME THEY HAVE A FIXED RELATIONSHIP
type. The Logo Symbol is a powerful image evoking THAT SHOULD NEVER BE CHANGED IN ANY WAY.
the culture of design services - the connection
between the strength of communication and the 1 THE FULL LOGOTYPE 2 THE FULL LOGOTYPE RECOMMENDED FORMATS:
different points that influence. WHITE VERSION BLACK VERSION
.eps | .ai | .png | .jpg | .tiff
It has a particular relationship with the Design.Inc
name. The Logo Symbol
The Logo Type has been carefully chosen for its Consists of a powerful element evoking the culture of design colored logo used on the white or black background.
modern and yet refined, highly legible style, which for another background, you will find an alternative below.
has been further enhanced by the use of upper
case letters. The typeface is Montserrat Bold and 3 LOGO DARK VERSION 4 LOGO LIGHT VERSION ATTENTION:
has also been chosen to compliment and balance
perfectly with the logo symbol. Use of any stylized, animated, hand-drawn
or other versions of an unofficial logo is not permitted.
The corporate logo is presented through the use This undermines the logo system and brand consistency.
of colour as well as shape and form. The two Please consult with Design.Inc Trademark Licensing
corporate colours are Yellow and Grey. It is a fresh if you have any questions or need further help.
and appealing blend of colours chosen for their
strong combination - modern - classic - timeless.
The Colours have been selected according to
international standards as shown below and are
easily implemented.

3) THE LOGO DARK VERSION 4) THE LOGO LIGHT VERSION
will be used when the backround color ist light colored. will be used when the backround color ist dark colored.

6 // 46

LOGO CONSTRUCTION & CLEARSPACE

LOGO CONSTRUCTION & CLEARSPACE ANY OTHER GRAPHIC ELEMENT OR MESSAGE CAN BE POSITIONED IN RELATION TO THE MARK.
OF THE SYMBOL ITSELF AND OUR COMPANY NAME – THEY HAVE A FIXED RELATIONSHIP
IT IS IMPORTANT TO KEEP CORPORATE MARKS CLEAR OF ANY OTHER GRAPHIC THAT SHOULD NEVER BE CHANGED IN ANY WAY.
ELEMENTS. TO REGULATE THIS, AN EXCLUSION ZONE HAS BEEN ESTABLISHED
AROUND THE CORPORATE MARK. THIS EXCLUSION ZONE INDICATES THE CLOSEST

LOGO DIMENSIONS x 1/2x
x
Full Logo x
1/2x

CLEARSPACE

Full Logo

Definition
-
Whenever you use the logo, it should be surrounded
with clear space to ensure its visibility and impact.
No graphic elements of any kind should invade this
zone.

7 // 46

APPLICATION ON A BACKGROUND

Colored Logo Version A Colored Logo Version B Colored Logo Version C Colored Logo Version D

LOGO APPLICATION GUIDELINES

MINIMUM LOGO SIZES size: 7.5 mm x 5 mm

FULL LOGO
Minimum Size: 10mm x 2.5 mm

LOGO SYMBOL
Minimum Size: 7.5 mm x 5 mm

8 // 46

INCORRECT USAGE

DO NOT ALTER THE EVOGUE LOGO IN ANY WAY. DO NOT ANIMATE, COLOR, ROTATE, SKEW, OR APPLY EFFECTS TO THE LOGO. DO NOT SEPARATE THE ELEMENTS. NEVER ATTEMPT TO CREATE THE LOGO YOURSELF,
CHANGE THE FONT, OR ALTER THE SIZE OR PROPORTIONS. DO NOT ATTEMPT TO STAGE THE LOGO YOURSELF ON A TAG OR ALTER THE SPACE BETWEEN THE EVOGUE LOGO AND THE RED FIELD SPACE BETWEEN THE

9 // 46

CORPORATE FONT
PRIMARY FONT
SECONDARY FONT
FONT HIERACHY

THE CORPORATE FONT

Typography plays an important role in communicating an overall tone and quality.
Careful use of typography reinforces our personality and ensures clarity and harmony
in all Design.Inc communications. We have selected Montserrat and Source Sans Pro,
which helps inject energy and enthusiasm into the entire Design.Inc communications,
as the primary and secondary corporate typefaces.

10 // 46

ENGLISH THE FONT AND STRUCTURE

TYPE EXAMPLES SUKHUMVIT SET
SUKHUMVIT SET

Bold A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
abcdefghijklmnopqrstuvwxyz

Regular ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz

Figures 01234567890

Special !“§$%&/()=?`;:¡“¶¢[]|{}≠¿‘
Characters «∑€®†Ω¨⁄ø𕱑æœ@∆ºª©ƒ∂‚å¥≈ç

AB ab

11 // 46

THAI THE FONT AND STRUCTURE

TYPE EXAMPLES สขุ ุมวิท เซต
SUKHUMVIT SET

Bold ก ข ฃ ค ฅ ฆ ง จ ฉ ช ซฌ ญ ฎ ฏ ฐ ฑ ฒ ณ ด ตถท ธ น บ ป ผ ฝ พ ฟ ภ มย
Regular รลวศษสหฬอฮ
Figures
ก ข ฃ ค ฅ ฆ ง จ ฉ ช ซฌ ญ ฎ ฏ ฐ ฑ ฒ ณ ด ตถท ธ น บ ป ผ ฝ พ ฟ ภ มย
รลวศษสหฬอฮ

๐๑๒๓๔๕๖๗๘๙๐

กข กข

e 12 // 46

TYPOGRAPHY AND HIERARCHY

Typographic hierarchy is another form of visual hierarchy,
a sub-hierarchy per se in an overall design project. Typographic hierarchy presents
lettering so that the most important words are displayed with the most impact so users can scan
text for key information. Typographic hierarchy creates contrast between elements. There are a

variety of ways you can create a sense of hierarchy.
Here are some of the most common techniques for Design.Inc layouts.

CONTENT TEXT Lorem Ipsum is simply dummy text of the printing and typesetting industry.
AND INNER
HEADLINES -

Sukhumvit Set
6 pt Type / 9 pt Leading

Lorem Ipsum is simply dummy text of the printing and typesetting industry.
-
Sukhumvit Set
8 pt Type / 11 pt Leading

LOREM IPSUM IS SIMPLY DUMMY TEXT OF THE PRINTING AND TYPESETTING INDUSTRY.

-

Sukhumvit Set
10pt Type / 10pt Leading

13 // 46

TYPOGRAPHY AND HIERARCHY

HEADLINES AND MUCH MORE THAN AN INTERESTING HEADLINE!
TYPOBREAKS
-

Sukhumvit Set

16pt Type / 16pt Leading

Super.Headlined

-
Sukhumvit Set
34pt Type / 30 pt Leading

Spectacular.

-
Sukhumvit Set
48pt Type / 48 pt Leading

14 // 46

THE CORPORATE COLORS
PRIMARY COLOR SYSTEM

PANTONE 151 C
PANTONE BLACK C

15 // 46

THE PRIMARY COLOR SYSTEM AND COLOR CODES

PRIMARY COLOR SYSTEM

Color plays an important role in the Design.Inc corporate identity program. The colors below are recommendations for various media. A palette of primary colors has been developed, which
comprise the “One Voice” color scheme. Consistent use of these colors will contribute to the cohesive and harmonious look of the Design.Inc brand identity across all relevant media. Check with

your designer or printer when using the corporate colors that they will always be consistent.

PANTONE 151 C PRIMARY COLOR
ORANGE
COLOR TONES THE GRADIENT
COLOR CODES
Orange Gradient
CMYK : C000 M0620 Y100 K000
Pantone : 151 C
RGB : R255 G131 B000
Web : #FF8300

100 % 80 % 60 % 40 % 20 %

PANTONE BLACK C PRIMARY COLOR
BLACK
COLOR TONES THE GRADIENT
COLOR CODES
Grey Gradient
CMYK : C000 M000 Y000 K100
Pantone : BLACK C
RGB : R000 G000 B000
Web : #000000

100 % 80 % 60 % 40 % 20 %

16 // 46

GET THE
LOOK.

CREATE
POSSIBLE IDEAS.

Cia des etum facea doluptur sum et, quae ea nihicae ero essinul
parumquation et et anditi ipid exped qui dem remquo

17 // 46

UNIFORM
PAPER BAG, PLASTIC BAG
EXHIBITION BOOTH
WEBSITE, MOBILE APPLICATION
NAME CARD, STATIONERY
BROCHURE, VDO PRESENTATION
STORE SHELF, PACKAGE BOX
ADS PHOTOGRAPGY, ADS LAYOUT

18 // 46

UNIFORM

19 // 46

PAPER BAG SHOPPING

20 // 46

PAPER BAG SHOPPING

21 // 46

EXHIBITION BOOTH

22 // 46

WEBSITE MOCKUP

23 // 46

WEBSITE MOCKUP

24 // 46

MOBILE APPLICATION MOCKUP

25 // 46

NAME CARD MOCKUP

26 // 46

BUSINESS STATIONERY MOCKUP

27 // 46

VIDEO MOCKUP

28 // 46

ADVERTISING MAGAZINE MOCKUP

29 // 46

ADVERTISING MOCKUP

30 // 46

ADVERTISING MOCKUP

PRINT ADVERTISING GUIDELINE

VERTICAL LOGO SIZE 30% OF ARTWORK

xx

x x SQUARE

ARTWORK HORIZONTAL x

x x xx
x xx

ARTWORK ARTWORK

HEADLINE x LOREM IPSUM LDOORLEOMR SIPITSUAMMET,
DETIAL DOLOx R SIT AMET,
LOREM IPSUM LOREM IPSUM DOLOR SIT AMET, ADIPISCING ELIT, SED DIAM NONUMMY NIBH EUISMOD TINCIDUNT UT LAOREET DOLORE
DOLOR SIT AMET, LOREM IPSUM DOLOR SIT AMET, 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
X MAGNA ALIQUAM ERAT VOLUTPAT. UT WISI ENIM AD MINIM VENIAM, QUIS NOSTRUD EXERCI TATION ULLAMCORPER SUSCIPIT LOBORTIS NISL UT ALIQUIP EX EA COMMODO CONSEQUAT. DUIS AUTEM VEL EUM IRIURE DOLOR IN HENDRERIT IN VULPUTATE
LOREM IPSUM DOLOR SIT AMET, ADIPISCING ELIT, SED DIAM NONUMMY NIBH EUISMOD TINCIDUNT UT LAOREET DOLORE
X MAGNA ALIQUAM ERAT VOLUTPAT. UT WISI ENIM AD MINIM VENIAM, QUIS NOSTRUD EXERCI TATION ULLAMCORPER SUSCIPIT LOBORTIS NISL UT ALIQUIP EX EA COMMODO CONSEQUAT. DUIS AUTEM VEL EUM IRIURE DOLOR IN HENDRERIT IN VULPUTATE
X
LOBORTIS NISL UT ALIQUIP EX EA COMMODO CONSEQUAT. DUIS AUTEM VEL EUM IRIURE DOLOR IN HENDRERIT IN VULPUTATE
X

31 // 46

ADVERTISING MOCKUP

PRINT ADVERTISING GUIDELINE

LOGO FOR BLACK BACKGROUND LOGO FOR WHITE BACKGROUND LOGO FOR DARK TONE COLOR BACKGROUND LOGO FOR LIGHT TONE COLOR BACKGROUND

x xx x xx xx

x xx x xx xx

ARTWORK ARTWORK ARTWORK ARTWORK

LOREM IPSUM x x x
DOLOR SIT AMET,
LOREM IPSUM LOREM IPSUM LOREM IPSUM
LOREM IPSUM DOLOR SIT AMET, ADIPISCING ELIT, SED DIAM NONUMMY NIBH EUISMOD TINCIDUNT UT LAOREET DOLORE DOLOR SIT AMET, DOLOR SIT AMET, DOLOR SIT AMET,
X MAGNA ALIQUAM ERAT VOLUTPAT. UT WISI ENIM AD MINIM VENIAM, QUIS NOSTRUD EXERCI TATION ULLAMCORPER SUSCIPIT
LOREM IPSUM DOLOR SIT AMET, ADIPISCING ELIT, SED DIAM NONUMMY NIBH EUISMOD TINCIDUNT UT LAOREET DOLORE LOREM IPSUM DOLOR SIT AMET, ADIPISCING ELIT, SED DIAM NONUMMY NIBH EUISMOD TINCIDUNT UT LAOREET DOLORE LOREM IPSUM DOLOR SIT AMET, ADIPISCING ELIT, SED DIAM NONUMMY NIBH EUISMOD TINCIDUNT UT LAOREET DOLORE
LOBORTIS NISL UT ALIQUIP EX EA COMMODO CONSEQUAT. DUIS AUTEM VEL EUM IRIURE DOLOR IN HENDRERIT IN VULPUTATE X MAGNA ALIQUAM ERAT VOLUTPAT. UT WISI ENIM AD MINIM VENIAM, QUIS NOSTRUD EXERCI TATION ULLAMCORPER SUSCIPIT X MAGNA ALIQUAM ERAT VOLUTPAT. UT WISI ENIM AD MINIM VENIAM, QUIS NOSTRUD EXERCI TATION ULLAMCORPER SUSCIPIT X MAGNA ALIQUAM ERAT VOLUTPAT. UT WISI ENIM AD MINIM VENIAM, QUIS NOSTRUD EXERCI TATION ULLAMCORPER SUSCIPIT
X
LOBORTIS NISL UT ALIQUIP EX EA COMMODO CONSEQUAT. DUIS AUTEM VEL EUM IRIURE DOLOR IN HENDRERIT IN VULPUTATE LOBORTIS NISL UT ALIQUIP EX EA COMMODO CONSEQUAT. DUIS AUTEM VEL EUM IRIURE DOLOR IN HENDRERIT IN VULPUTATE LOBORTIS NISL UT ALIQUIP EX EA COMMODO CONSEQUAT. DUIS AUTEM VEL EUM IRIURE DOLOR IN HENDRERIT IN VULPUTATE
X X X

32 // 46

ADVERTISING MOCKUP

PRINT ADVERTISING GUIDELINE

VERTICAL LOGO SIZE 30% OF ARTWORK

xx

x x SQUARE

ARTWORK HORIZONTAL x

x x xx
x xx

ARTWORK ARTWORK

HEADLINE x LOREM IPSUM LDOORLEOMR SIPITSUAMMET,
DETIAL DOLOx R SIT AMET,
LOREM IPSUM LOREM IPSUM DOLOR SIT AMET, ADIPISCING ELIT, SED DIAM NONUMMY NIBH EUISMOD TINCIDUNT UT LAOREET DOLORE
DOLOR SIT AMET, LOREM IPSUM DOLOR SIT AMET, 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
X MAGNA ALIQUAM ERAT VOLUTPAT. UT WISI ENIM AD MINIM VENIAM, QUIS NOSTRUD EXERCI TATION ULLAMCORPER SUSCIPIT LOBORTIS NISL UT ALIQUIP EX EA COMMODO CONSEQUAT. DUIS AUTEM VEL EUM IRIURE DOLOR IN HENDRERIT IN VULPUTATE
LOREM IPSUM DOLOR SIT AMET, ADIPISCING ELIT, SED DIAM NONUMMY NIBH EUISMOD TINCIDUNT UT LAOREET DOLORE
X MAGNA ALIQUAM ERAT VOLUTPAT. UT WISI ENIM AD MINIM VENIAM, QUIS NOSTRUD EXERCI TATION ULLAMCORPER SUSCIPIT LOBORTIS NISL UT ALIQUIP EX EA COMMODO CONSEQUAT. DUIS AUTEM VEL EUM IRIURE DOLOR IN HENDRERIT IN VULPUTATE
X
LOBORTIS NISL UT ALIQUIP EX EA COMMODO CONSEQUAT. DUIS AUTEM VEL EUM IRIURE DOLOR IN HENDRERIT IN VULPUTATE
X

33 // 46

BROCHURE MOCKUP

34 // 46

PRESENTATION MOCKUP

35 // 46

PRESENTATION MOCKUP

36 // 46

STORE & SHELF MOCKUP

37 // 46

STORE & SHELF MOCKUP

38 // 46

BOX PACKAGE MOCKUP

39 // 46

CREATING INSPIRING IDEAS CREATE
AND BUILDING BRANDS POSSIBLE IDEAS.

THAT TRULY MATTER TO PEOPLE. Cia des etum facea doluptur sum et, quae ea nihicae ero essinul
BE TRUE. parumquation et et anditi ipid exped qui dem remquo

40 // 46

CORPORATE IMAGE
COLORED IMAGE
BLACK AND WHITE
BLENDING MODES
AND OPTIONS

41 // 46

CORPORATE IMAGE : COLORED IMAGES

Corporate Images are responsible use various corporate advertising
to transfer the values of Design. techniques to enhance their
Inc to our customers or our public image in order to improve
potential customers. It is a composite their desirability as a supplier,
psychological impression employer, customer, borrower,
that continually changes with partner, etc.
the firm’s circumstances, media
coverage, performance, pronouncements,
etc. Design.Inc

EXAMPLES FOR
DESIGN.INC CORPORATE IMAGE SYSTEM

-
Requirements:
- desaturate colours
- high contrast
- sharp images
- minimalistic look
- modern and businesslike

42 // 46

CORPORATE IMAGE : BLACK & WHITE

Hard Contrast. EXAMPLES FOR
DESIGN.INC CORPORATE
IMAGE SYSTEM

#1Asowmee. Requirements:
- - black and white colours
Cia des etum facea doluptur sum et, quae - high contrast
ea nihicae ero essinul parumquation et - sharp images
- minimalistic look
ADVERTISEMENT EXAMPLE WITH IMAGE: - modern and businesslike
THE PREVIEW SHOWS AN APPROVED LAYOUT
FOR A WEB BANNER OR PRINT ADVERTISEMENT.

43 // 46

BLENDING MODES FOR IMAGES

FOR A CONSISTENT LOOK AND FEEL.

-
Image effects and blending modes raise the concision and the recognizability of a
brand. Also they are able to divide content and other graphical elements that are
used in layouts. In the same way the support statement of the used images and raise
application possibilities.

Beautiful Life.
-

Cia des etum facea doluptur sum et, quae ea nihicae ero essinul
parumquation et et anditi ipid exped qui dem remquo

EXAMPLES FOR sAowmee. sAow#m1ee.
DESIGN.INC - Cia des etum facea doluptur su-m
BLENDING MODES et, quae ea nihicae ero essinul
Cia des etum facea doluptur sum et, quae parumquation et
- ea nihicae ero essinul parumquation et
How to:
1) use it in black and white
images colours
2) use a placeholder with a
yellow back
3) adjust the layer style to
“multiplicate”

44 // 46

CORPORATE
ICONOGRAPHY
APPLICATION AND
EXAMPLES

45 // 46

CORPORATE ICONOGRAPHY

IT´S NICE. IT´S COOL. IT´S FULL VECTOR. EXAMPLES FOR
DESIGN.INC
An icon is a pictogram displayed on a screen or print layout in order to help the user navigate through the content in a CISCOYOSRNTPOEOGMRRAATPEHY
easier way. The icon itself is a small picture or symbol serving as a quick, “intuitive” representation of a software tool,
function or a data file. “multiplicate”

ICON: ICON: HOW TO USE
LIGHT ORANGE LIGHT ORANGE ICONOGRAPHY
SYSTEM
BACKROUND: BACKROUND:
BLACK ORANGE How to:
- only use icon with a backround
- minimum stroke size: 0.5 pt
- upscale only proportional

ICON: ICON:
DARK GREY LIGHT ORANGE

BACKROUND: BACKROUND:
LIGHT GREY LIGHT ORANGE

41 // 44

46 // 46

THANK YOU.

THE NEW CORPORATE DESIGN GUIDELINES
FOR DESIGN.INC MEDIA
WE LOVE THAT BRAND.