Verz Design Pte Ltd.

Designing Web Excellence

Excellence is what we live for when it comes to content, design, and the routinary process that we adhere to in and outside the company. We have set high standards for ourselves that encompass our entire design system. Each element plays a pivotal role, such as everything should be reinforced with our brand message. This visual branding guide's purpose is to serve as a blueprint when it comes to any design-related works within the brand, Verz Design.

Logo

These are general guidelines on what and what not to do when it comes to the usage of our logo.

HORIZONTAL FORMAT

The one-liner horizontal Verz Design logo orientation is the standard and preferred orientation of the logo where the symbol and the brand typeface are side-by-side.
VERTICAL FORMAT

The two-liner vertical Verz Design logo orientation is the alternative orientation of the logo where the symbol sits above the brand typeface.
MONOGRAM

This symbol may be used in instances wherein space is too small and limited and the platform to print on might alter the readability of the logo type.

DOWNLOAD .EPS FORMAT

DOWNLOAD .PNG FORMAT

Color Variations

It is preferred to use the full-colored version of the logo as much as possible.
However, in instances that a dark background is being used, you may opt to use either the full-color reversed logo or the one-color reversed.

FULL COLOR
FULL COLOR REVERSED
ONE COLOR REVERSED

Guidelines

The 'exclusion zone' refers to the area around the logo which must remain free from other copy to ensure that the logo is not obscured. As the diagram indicates, the 'exclusion zone' is equal to that of the cap height of the letter "v".

MINIMUM SIZE REQUIREMENT

LOGO WITHOUT TAGLINE

In cases where the minimum size requiurement cannot be met, it is advised to remove the tagline.

REMOVE TAGLINE

Incorrect Use

The logo's appearance must remain consistent and any attempt to alter the logo in any way, must be avoided. Elements such as the color, orientation and composition should remain as is, with no exception.

On the right side, we showcase the actions to avoid when using our logo.

Don't change the font.
Don't distort the logo
Don't change the relative sizes of the logo elements
Don't alter the colors
Don't place the logo on pattern
Don't tilt the logo
Don't change the arrangement of logo elements
Don't alter the spacing

Colors

Primary Color Palette

It is quintessential to use these two primary colors across all applications. By remaining consistent with these two, brand recall and familiarity will be applied.

PMS Orange 7577 C

RGB 243 121 54

CMYK 0 65 88 0

#f37936
PMS Black

RGB 0 0 0

CMYK 0 0 0 100

#000000

Secondary Color Palette

This secondary color palette has been well-curated in accordance with the what works well in combination with our two primary colors. These are to be used for accents in some graphics, vector illustrations and image backgrounds.

At least 60% of the design should still use our primary colors and no other colors should be used aside from what's shown in this guide.

Pantone 7579C

RGB 224 93 95

CMYK 7 78 95 1

#e05d2e
Pantone 7577C

RGB 242 120 53

CMYK 1 66 88 0

#f27835
Pantone 715C

RGB 247 145 68

CMYK 0 52 82 0

#f79144
Pantone 134C

RGB 255 205 96

CMYK 0 20 73 0

#ffcd60
Pantone 3268C

RGB 19 169 155

CMYK 78 10 47 00

#13a99b
Pantone 630C

RGB 120 204 200

CMYK 51 0 25 0

#78ccc8
Pantone 446C

RGB 67 71 76

CMYK 71 61 54 39

#43474c
Pantone Cool Gray 10C

RGB 103 104 107

CMYK 0 0 0 73

#67686b
Pantone 663C

RGB 231 231 231

CMYK 8 6 6 0

#e7e7e7

Typography

Primary Typeface

It is quintessential to use these two primary colors across all applications. By remaining consistent with these two, brand recall and familiarity will be applied.

GOTHAM

This is our primary typeface. It is a clean and modern typeface that goes well with our branding.
Multiple weights can be applied to showcase hierarchy in parts that needs to draw more attention.

Secondary Typeface

This is to be used as an alternate typeface when Gotham is not available, such as in emails and desktop applications like MS Word and MS Powerpoint.
This is the typeface serves us mainly on our website, which makes texts clean and easy to read.

Font Usage

Typographic hierarchy organizes type and establishes an order of importance within the content. This helps the readers to easily find what they are looking for and navigate the content.

When setting type, we recommend one of these pair combinations to set headers and body copy. It is also preferred to use left alignment as much as possible.

Elements

Illustrations

We use illustrations in designs to show variation, creativity, and to make it look fun. The thickness and colour of the line borders must be the same for all elements to achieve consistency.

Vector Graphics

Photography

The main theme of the images to be used in marketing collaterals should be kid-centric; this is to evoke a feeling of fun and youthfulness. The warm tone of light should also be taken into consideration when choosing photos.