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.


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


    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.


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


    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.

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.



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".


In cases where the minimum size requiurement cannot be met, it is advised to remove the 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


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
  • PMS Black
    RGB 0 0 0
    CMYK 0 0 0 100

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
  • Pantone 7577C
    RGB 242 120 53
    CMYK 1 66 88 0
  • Pantone 715C
    RGB 247 145 68
    CMYK 0 52 82 0
  • Pantone 134C
    RGB 255 205 96
    CMYK 0 20 73 0
  • Pantone 3268C
    RGB 19 169 155
    CMYK 78 10 47 00
  • Pantone 630C
    RGB 120 204 200
    CMYK 51 0 25 0
  • Pantone 446C
    RGB 67 71 76
    CMYK 71 61 54 39
  • Pantone Cool Gray 10C
    RGB 103 104 107
    CMYK 0 0 0 73
  • Pantone 663C
    RGB 231 231 231
    CMYK 8 6 6 0


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.


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.



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


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.

Brand Assets

  • Business Card & Digital Signature

  • Corporate Folder

  • Letterhead

    *Internal access only
  • Presentation Template

    *Internal access only
  • Company Shirt

  • Thumb Drive

  • Multi Purpose Card

Love what you've seen?
Contact us to start your journey to Excellence today!