Hdi visual identity guide 8apr2015

live learn love

HDI Visual Identity Guide [brand book] 8 April 2015

CONTENTS 2

Using These Guidelines Our Brand Mantra

4

Core Elements

Corporate Logo Lock-Up and Clear Space Proportions Scaling Color Palette & Variations Trademarks Misuse Co-Branding Business Group Logos Special logos

CONTACTS AND RESOURCES

29

Visual System

49

57

Powerpoint Corporate Stationery ID Spatial / Signages Apparel Trophies

Subsidiary Logos Scaling Brand Elements Imagery Accent Illustrations Sample Applications The Color Palette Color Variations

Sample Application Subsidiary Identity

Typography Brand Elements Imagery Accent Illutrations Tone of Voice Color Ratio Layout Style

For additional information and clarification relating to the policies contained within this guide, contact the following listed personnel:

Rara Carrillo

anmercarrillo@hdiholdings.com

Cindie Cheng

cindiecheng@hdiholdings.com

Rotzch Domingo

rotzchelettedomingo@hdiholdings.com

USING THESE GUIDELINES

The HDI global brand is constantly evolving to meet the needs of its stakeholders. This updated brand policy reflects the accelerating, positive changes undertaken by the organization and provide technical guidance to those who wish to create memorable and authentic visual experiences for its key audiences.

Our new brand identity is only an asset if we conduct a conscious, coordinated, and consistent approach to its communication and behavior. Its purpose is not to restrict creativity, but to provide helpful guidelines to enable staff, partners and suppliers to express the HDI brand effectively across a wide range of applications and media. Some of these guidelines may be modified over time, and updated specifications will be published accordingly.

And although this guide dwells on managing creative requirements, it must not be forgotten that every action, every decision we make is inseparable from the brand itself and communicates something to someone about HDI. The following guidelines apply to, and supersede, the HDI, High-Desert, HDI Network, HDI Group of Companies & subsidiaries visual identities.

2

Visual Identity Guide

OUR BRAND MANTRA

Our brand is always about people because that is who we represent- the generations of people that depend on us, and whom we depend on.

In our material, we should seek to showcase real people in non-staged environments doing what they love. Designs should always be clean, simple, relevant, meaningful and with purpose.

Whether it be layouts, diagrams or the like, they must always be intuitive for people to follow and easy on the eye. They should never be faddish designs. They should be more universal

in appeal so that we can build on them, not keep changing. Children and adults alike must be able to identify with our designs. Our design language should speak directly to the heart, evoking warmth, happiness, cheer and peace. Our design elements should always be consistently deployed and help to strengthen our brand identity regardless of medium.

That is the HDI way.

Brandon Chia -Brandon Chia Chairman/CEO

3

Visual Identity Guide

Core Elements

The core elements are visual interpretations of the brand personality and are basic in every communication material. Consider these as rules which must be strictly followed to ensure a consistent message across audiences.

4

Visual Identity Guide

The Corporate Logo |The Evolution

The new HDI logo is our homage to the bee -the source of our first products. Inspired by the beehive, the logo is also angled at 30 degrees to reflect the dynamism and forward motion of the beehive while the color red in various depths represent passion. The letters H and D is intentionally connected as a sign of our past where we were known as High-Desert while the H and the I are slightly curved at the edges to soften the design and make it unique to the organization. Our values-Live, Learn, Love-written in small caps to create contrast between the HDI and and the values- are now part of our logo to serve as a reminder of what we stand for.

5

Visual Identity Guide

The Corporate Logo |Description

Also referred to as the “HDI logo” or the “live learn love logo”, the corporate logo is always constructed in the fixed relationship as shown below and should never be reconfigured or recreated.

COMPANY NAME

BEEHIVE ICON

TAGLINE

The logo is a red 3D hexagon (cut spirally then slightly pulled vertically, outward from its base and peak) with an orange high front light. It shows 2 types of color gradients: (colored) external and (grayscale) internal.

The company name, HDI (which stands for High-Desert International), is represented by (a) a ligature of the letters ‘H’ & ‘D’ where the right stem of letter ‘H’ is merged with the stem of letter ‘D’; the upper left corner of the left stem of the letter ‘H’ is curved, and (b) the letter ‘I’ with the bottom right corner of the stem curved. Both are stylized font.

Beneath it is the tagline-- the words “live learn love” are in lower-case Praxis Light font absent punctuations.

6

Visual Identity Guide

The Corporate Logo

2X

To ensure it is visible and prominent, the corporate logo should be kept clear of competing text, images and graphics. It must be surrounded on all sides by adequate clear space and locked to each other using the following proportions:

2X

2X

CLEAR SPACE 4X

2X

4X

X

4X

0.5X

X 0.5X 0.5X

CLEAR SPACE

2X

2X

2X

8.5X 2X

|Lock-up & Clear Space

7

Visual Identity Guide

The Corporate Logo |Clearance Sample*

*The illustration above does not show the only possible placements/proportion of the logo, rather, how it relates to the printable area. It also demonstrates that the logo can be placed on any area of the artboard that best serves the design purpose.

8

Visual Identity Guide

The Corporate Logo |Logo Proportion on Horizontal Banners 7% OF WIDTH

As a general rule, the minimum logo height is 7% of the paper width. Indicated here are various possible paper heightwidth ratios.

1:1

1 : 1.75

HEIGHT:WIDTH

1 : 1.33

1:2

1 : 1.5

1 : 2.5

1 : 1.67

1:3

9

Visual Identity Guide

The Corporate Logo |Logo Proportion on Vertical Banners 1:1 As a general rule, the minimum logo height is 7% of the paper width. Indicated here are various possible paper heightwidth ratios.

1.33 : 1

1.67 : 1

1.5 : 1

7% OF WIDTH

3:1

2.5 : 1

2:1 1.75 : 1

10

Visual Identity Guide

The Corporate Logo

The HDI logo must be uniformly scaled. Below are minimum sizes of the HDI Corporate logo across different media. If you are using a different medium, make sure the smallest element, the tagline, is readable.

|Scaling WEB 54 pixels H 72 pixels/inch

PRINT For non-Advertising material, on paper/inkjet printing: 0.889 cm or 0.35 inch H 200 dpi resolution (pixels/inch) For Advertising Materials (with TM), for offset printing: 1.27 cm or 0.5 inches H 300 dpi resolution (pixels/inch) On tarpaulin materials: 2.2224 cm or 0.875 inch H 100 dpi resolution (pixels/inch)

APPAREL

Silkscreen and heatpress 1.27 cm or 0.5 inches H

Embroidery: (2D) 2.5358 cm or 1 inch H

* Note: Tagline is intentionally removed in some cases such as in apparel and labels so tagline readability will not be compromised.

Please consult with the Brand Team first before doing this on your own.

11

Visual Identity Guide

The Color Palette

Indicated are Mac CYMK, RGB, and RGB Hexagonal Values saved in CMYK format. Refer to page 34 for the pantone colors (coated and uncoated, based on the Pantone Solid color book). For other requirements, kindly specify the pantone swatch/color book required by your printer.

12

Visual Identity Guide

The Color Palette |HDI Logo 3D

CMYK C - 15 M - 100 Y - 90 K - 40

C-0 M - 100 Y - 74 K-0

C-0 M - 70 Y - 100 K-0

R - 139 G - 14 B - 26

R - 237 G - 25 B - 66

R - 243 G - 112 B - 33

# 8B0E1A

# ED1942

# F37021

C-0 M-0 Y-0 K - 80

C-0 M-0 Y-0 K - 50

C-0 M-0 Y-0 K - 30

R - 88 G - 89 B - 91

R - 147 G - 149 B - 152

R - 188 G - 190 B - 192

# 58595B

# 939598

# BCBEC0

C-0 M-0 Y-0 K - 90

live learn love

live learn love

2D

C-0 M-0 Y-0 K - 100

live learn love

R-0 G-0 B-0

RGB

live learn love

live learn love

# 000000

RGB Hexagonal Value R - 237 G - 25 B - 66

# ED1942

C-0 M-0 Y-0 K - 50

R - 147 G - 149 B - 152

# 939598

C-0 M-0 Y-0 K - 90

R - 65 G - 64 B - 66

# 414042

C-0 M-0 Y-0 K - 100

live learn love

R-0 G-0 B-0

RGB

live learn love

live learn love

C-0 M - 100 Y - 74 K-0

CMYK

live learn love

# 414042

R - 65 G - 64 B - 66

CMYK

MONO

RGB Hexagonal Value

RGB

live learn love

# 000000

RGB Hexagonal Value

C-0 M-0 Y-0 K - 100

R-0 G-0 B-0

# 000000

C-0 M-0 Y-0 K - 100

R-0 G-0 B-0

# 000000

C-0 M-0 Y-0 K - 100

R-0 G-0 B-0

# 000000

C-0 M-0 Y-0 K - 100

live learn love

R-0 G-0 B-0

live learn love

# 000000

13

Visual Identity Guide

Color Variations

On Light Background

On Dark Background

| Full Color 3D logo Standard logo for all applications

| 2D Logo Logo rendition for situations where there is color limitation such as in letterpress printing, silkscreen or embroidery.

| Monotone Logo Logo rendition in extremely limited color situations and/or in backgrounds provides little to no contrast.

14

Visual Identity Guide

Color Variations |Logo on Different Colored Background The color of the logo elements changes depending on the background shade/ tint. These examples are guided by the intention of creating the best background-foreground contrast.

Logo variations may be in full-color 3D rendition, three-color 2D, or Monotone.

When in doubt, always consult with the Brand Team.

15

Visual Identity Guide

Color Variations |Grayscale Logos

For grayscale applications, the beehive logo uses 2 versions depending if the background is: (a) from 100% white to 50% black, or (b) 51% to 100% black.

Grayscale on white

Grayscale on 20% gray background

Grayscale on white 40% gray background

30 % 50 % 80 %

Grayscale on white 60% gray background

white 15 % 45 %

52.3 % 67.14 % 100 %

17.3 % 32.14 % 65 %

90 %

white

100 %

white

30 % 50 % 80 %

Grayscale on white 80% gray background white 15 % 45 %

52.3 % 67.14 % 100 %

17.3 % 32.14 % 65 %

90 %

white

100 %

white

30 % 50 % 80 %

Grayscale on white black background

white 15 % 45 %

52.3 % 67.14 % 100 %

17.3 % 32.14 % 65 %

90 %

white

100 %

white

16

Visual Identity Guide

Color Variations |Logo on Busy Background If the logo needs to be placed on busy background, make sure it is visible by providing enough contrast.

WRONG

Other recommendations: 2D Logo with white logotype

CORRECT: The background may be digitally darkened and blurred

White Monotone Logo

17

Visual Identity Guide

Trademarks

Trademarks are attached at the end of the company name in superscript. HDI Corporate logo with tagline & TM should be used for all advertising and most marketing materials. Please refer to the next page for a comprehensive list of when to use Corporate logo with TM.

|Size & Clearance TM position should be aligned with the tip of “I”. Space between “I” and TM should be the same as the space between “D” and “I” (represented by x). Size of TM is in proportion to the height of the logo (represented by the blue box). TM’s height is 5% that of the logo height. Example: 10cm logo, TM should be is 0.5cm height.

5% of logo height

x x

Minimum size of HDI Corporate logo with tagline & TM is 1.27 cm or 0.5 inches in height. This is to ensure readibility of tagline & TM. 1.27 cm

|Exemptions

In the case of Labels where there is limited space, HDI Corporate logo may be used without the tagline. However, TM should still be utilized to state our trademark. Size of TM should likewise be adjusted to ensure readability.

TM position should be aligned with the tip of “I”. Space between “I” and TM should be the sae as the space between “D” and “I” (represented by x). Size of TM should be 15% of the total logo height (represented by the blue box).

x

15% of logo height

x

Smallest HDI Corporate logo without tagline but with TM is 0.5715 cm or 0.225 inches in height.

0.5715 cm

18

Visual Identity Guide

Trademarks |Corporate Logo with TM

Advertising and Marketing Materials l Enterpriser Kit l Poster l Banners l Brochure/Flyer l Catalogue l Pricelist l Point of Purchase

l l l l l l

Newsletters/Periodicals/Magazine Annual Reports Corporate Identity / Visual Identity Book Training Materials Merchandise Tag & Label Gift Tag & Gift box

* Note: For Publications, when used as a boilerplate, no need to use TM anymore. Just place one HDI Corporate logo with tagline and TM either at the front and back coverpage.

|Corporate Logo without TM

Business Forms l Corporate Stationery l Subsidiary Stationery l Envelopes l Business Cards l Memo Templates l ID and Lanyard l Press Kit & CD Labels Display l Office Logo Signages l Subsidiary/Department signages l Uniforms (i.e.: Polo, Jacket) l Vehicles (i.e.: Cars & trucks) l Environments (i.e.: Brand Centres, Trade Show Booths, Exhibits, merchandising area) Digital Media / Multimedia l Powerpoint & AVPs l Website l Social Media l e-Newsletters

l

l

Business Transaction or Accounting Forms (i.e.: Official Receipts, Delivery Receipts, Purchase Requisition, Request for Payment, Acknowledgment Receipt, Liquidation Form, Cash Request, Billing Statement, Request for Payment, Sales Invoice) Enterpriser Transaction Forms (i.e.: Bonus Statement, order forms, shipping list)

Premium Items l Merchandise (for selling: Polo Shirt, water bottle, bag) l Promotion Items (for giveaways: Calendar, Notebook, ecobag) l Enterpriser Pins and Recognition Awards (trophies)

19

Visual Identity Guide

Using the Logo Elements

Each element of the logo may be used separately. The following are recommended applications: Examples:

|Beehive icon Web Favicon HDI Pin

|live learn love Tagline

Background Element on Business Card

|HDI Logotype Publication Page Title

20

Visual Identity Guide

Misuse

The following are bad examples of logo use: DO NOT distort the logo in any way: DO NOT scan or allow poor quality reproduction of the logo.

live learn love

DO NOT scale or stretch the logo out of proportion.

DO NOT change the angle and the aspect ratio of the gradient style on the beehive.

live learn love

DO NOT skew. live learn love

PRINT OVER

DO NOT print over the HDI logo.

DO NOT flip. ev ol nrael e vil

DO NOT warp.

21

Visual Identity Guide

Misuse

The following are bad examples of logo use:

DO NOT combine logo with other text.

DO NOT change the logo opacity.

sugar plum fairy

DO NOT change proportions of elements.

DO NOT add extraneous effects.

This includes but is not limited to: bevel and emboss, lighting effects and drop shadows.

The old logos have been retired and should NOT be used.

DO NOT recreate the logo.

22

Visual Identity Guide

Misuse

The following are bad examples of logo use:

DO NOT change the font or alter the spacing between letters.

DO NOT break lock up.

DO NOT alter the logo colors or use unapproved logo formats.

DO NOT recreate the company name using different typefaces.

live learn love

23

Visual Identity Guide

Co-Branding |Corporate Logo with Product Brand Logo or

+

product logo/sub brand

For non-packaging requirements (e.g. event material), the product brand has equal prominence as the master brand.

horizontal orientation

vertical orientation

24

Visual Identity Guide

Co-Branding

For partnerships where HDI is the main proponent, place the co-sponsor logos at the right side of the brand. Sponsor logos should be 25% smaller than the HDI logo.

or

+ partner/program brand

BRAND X

When HDI is a support partner, it follows the main proponent’s brand guidelines as long as these do not violate the rules mentioned in this document. When in doubt, kindly consult with the HDI brand team.

BRAND X in cooperation with

25

Visual Identity Guide

Business Group Logos

The HDI Corporate logo readily lends itself to its business groups by way of color differentiation. It is a unique and distinctive branding strategy that allows the brand to shift into different industries while being easily recognizable as being part of the HDI Family.

Business Group logos are patterned after the corporate logo but use (a) a different company name, or (b) have a subsidiary descriptor in place of the tagline. Details on its usage are discussed in the Annex page of this guide.

live learn love

Business Group Colors: Red: Social Network Marketing Orange: Advertising Yellow: Property Blue: Information Technology Green: Brokerage Services Teal: Finance Purple: Human Resource

26

Visual Identity Guide

Creative Logos

We craft Creative Logos for non-organization brands, such as products, events, or campaigns. Resonate the design feel of the Corporate logo by using the ribbon style, beehive and/or color scheme. General rule is, the creative logo may incorporate the use of ribbon style, HDI logo font, and small caps Praxis font for the descriptives. Please consult with the brand team each time you require a special logo.

buzz

27

Visual Identity Guide

Creative Logos

company a the dd of

14 s 20 res

HDI sta te

christmas 2013

april birthday bash live

l e a r n l ove

ex lore A S I A

2 0 1 5

ex lore WORLD 2015

28

Visual Identity Guide

VISUAL SYSTEM

The HDI Visual System is a flexible system of elements that complement the Core Elements.

This section will explain the use of typography, imagery, and other style elements.

This is influenced by the minimalist style which is simple and eliminates the use of non-essential forms. Unlike Core Elements, the Visual System is a set of guidelines, not adamant rules.

29

Visual Identity Guide

Typography

The Tagline and Subsidiary Descriptor are always written in lower-case Praxis font, Light font style . We use the Praxis as a design element (e.g. logo, masthead of publication, signage).

|Logo Tagline and Subsidiary Descriptor

Since Praxis is only for Mac, designers should outline the Final Art texts before giving the layout.

30

Visual Identity Guide

Typography

Praxis is our main corporate font. We are using the Praxis Font with Light, Regular, Semibold and Heavy as its font styles.

Praxis font , Light style is used as our logo tagline and logo subsidiary descriptor for the subsidiary logos.

Praxis font (for Mac only) should not be confused with the other Praxis typeface (for Windows & Mac). Shown is how Praxis font (Mac only) is different from the other Praxis Typeface (Windows & Mac).

|Praxis

HDI Official Praxis Font (for Mac only)

Do not use this Praxis Typeface (for Windows & Mac)

Font Name Praxis

Font Name Praxis LT Light Praxis LT Light Praxis LT Regular Praxis LT RegularSC Praxis LT Semibold Praxis LT Regular

Font Style Light, Regular, Semibold & Heavy

Whenever a layout calls for Italic font style, we may modify Praxis using vector based designers software bu outlining text, then shear:

Font Style Regular Regular Regular Regular Regular & Bold Regular & Bold

HDI Official Praxis Font Examples:

Compare the HDI Official Praxis against this Praxis Typeface:

Praxis Light 12345678910 ~`@#$%^&*()_-+=<,>.?/

Praxis LT Light 12345678910 ~`@#$%^&*()_-+=<,>.?/

Praxis (Regular) 12345678910 ~`@#$%^&*()_-+=<,>.?/

Praxis LT Regular (Regular) 12345678910 ~`@#$%^&*()_-+=<,>.?/

Praxis (Semibold) 12345678910 ~`@#$%^&*()_-+=<,>.?/

Praxis LT Semibold (Regular) 12345678910 ~`@#$%^&*()_-+=<,>.?/

Praxis Heavy (12345678910) ~`@#$%^&*()_-+=<,>.?/

Praxis LT Semibold (Bold) 12345678910 ~`@#$%^&*()_-+=<,>.?/

31

Visual Identity Guide

Typography |Calibri

Aa

Calibri typeface is our second font. It is strongly recommended for office use (and non-advertising), as the body copy font.

Calibri Regular 12345678910 ~`@#$%^&*()_-+=<,>.?/ Calibri Italic 12345678910 ~`@#$%^&*()_-+=<,>.?/ Calibri Bold 12345678910 ~`@#$%^&*()_-+=<,>.?/ Calibri Bold Italic 12345678910 ~`@#$%^&*()_-+=<,>.?/

32

Visual Identity Guide

Typography

The use of a second font as accent is allowed. There is no specific font for this purpose, but it is advised that the maximum number of font types to be used in a single layout be only 2, and that accent fonts are to be used sparingly and must be appropriate to the message and target audience.

headline Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

headline Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

33

Visual Identity Guide

Brand Element

Brand elements are used in creating that distinct HDI look. They are usually applied to marketing/advertising material and not for business forms. Use at least 3 of them in a composition.

Color Bar

White space

Live Learn Love Water color paper texture

People Imagery

34

Visual Identity Guide

Brand Element |Color Bar

The color bar is the ribbon of the beehive icon, laid out. It follows the middle value of the logo color gradient and may be applied vertically or horizontally.

Vertical color bar

horizontal color bar

The color bar can also be used in the form of a short bar next to titles of headers.

Color Uncoated Material

185U

Coated Material

192C

When applied vertically, it should be on the leftmost edge of the artboard/material. Its length should span from the topmost to the bottommost edge of the artboard. Its thickness/width should be at least 1.45% the size of the artboard/material.

Minimum/maximum variance allowed is +5% or -5% depending on visual preference and overall aesthetic design.

35

Visual Identity Guide

Brand Element |Live Learn Love

The tagline used as an element may be used whole or cropped. If the cropped tagline is used, a minimum size of 2 inches width is required. Otherwise, use the whole tagline as an element.

The cropped tagline should be placed on the lower right hand corner of the artboard/material with a maximum size of two-thirds of the total width of the artboard/material.

On plain white background, use 10% black/light gray. On 10% black/light gray background, use white. On other backgrounds, a white tagline with 20% transparency may be used.

Minimum/maximum variance allowed is +5% or -5% depending on visual preference and overall aesthetic design.

80% height

H

97% of full width W

There are no fixed rules on when to use the cropped tagline over the whole one. Note that these guidelines apply only if the tagline is used as a design element, not as copy.

36

Visual Identity Guide

Brand Element |“Slice of Life Photos”

HDI is all about people. When visually representing our philosophy, products or services, people imagery is recommended.

Below, images of people living, learning & loving are used to represent each industry where HDI operates: from left to right— Stock trading, Outdoor advertising, Human resources, Properties, Multi-level marketing, Holdings, Finance, and Information technology. Photos of people may change depending on your design objective [see page 38 for tips in selecting photos]. Also recommended is the creation of focal points using the HDI color ratio [see page 42].

|Watercolor Paper Texture

This gray texture may be used in lieu of a plain white background.

In this example, since the focus is on the MLM business, the photos representing other subsidiaries are grayed out; only highlighting the object in the MLM photo using the MLM color palette.

37

Visual Identity Guide

Brand Element |The HDI Pattern

Our core values of live, learn, love, when applied visually into a Venn diagram, results to a 3-point star. We then paired it with a visual of our family concept and held together in a hexagon shape. The result is our very own HDI pattern which weâ&#x20AC;&#x2122;ve used as a design element to represent our dream of bringing people together towards a common goal of making our vision a reality.

Learn

Live

Love

38

Visual Identity Guide

Brand Element |Use of White Space in Layout White space is the portion of a page left unmarked: the space between graphics, margins, gutters, space between columns,

space between lines of type or figures and objects drawn or depicted. White space is also not necessarily white. It can be any color or pattern—an area the eye is not intended to focus on.

It is used to: • Alleviate information overload • Indicate informational hierarchy & improve layout navigation • Give focus and emphasis to an object

LOREM IPSUM DOLOR de Finibus Bonorum et Malorum

Bus, sinvere stotat voloribusam que conseditatur simendi con et quatur ma alit alite num sitemqui vendunt ipienis evelestion perit volupisitis rem lam faccatur?

Ehendel eumquas assit vellum voluptus exceate planis voluptature pelenda nistis ent id ut miliquo excepe cusam esequost am se voluptur, quia et mi, te amus molorem quam, ut quidunt.

Note that minimalism is not limited to the abundance of white spaces. It can be achieved by subtracting elements until the design ceases to function as it should. When the design is on the verge of “breaking”, it is when the most minimalist version is achieved. This breaking is relative in design, and when white space is impractical, we can compensate through careful use of leading and typeface.

39

Visual Identity Guide

Imagery

People imagery creation involves a system that allows for photography and illustration, both amateur and professional, to create a standard â&#x20AC;&#x153;HDI lookâ&#x20AC;? that is authentic, meanigful and immersive. In choosing photos, people must show natural and real expressions (not self-conscious) or are caught in action (not too artificial or staged).

When using commercially-available stock photos, choose models that are not widely used by other brands.

40

Visual Identity Guide

Product Imagery

If a specific product is being promoted, the main imagery should show the product in use or placed in its natural setting.

Product in use

Product placement

41

Visual Identity Guide

Accent Illustrations

The use of minimalist line drawings is recommended as design accents. Ours observe an art style shown below— maintaining a degree of abstraction, is always not completely “finished”, and with an interpretation that is not too literal… yet the overall sum of its parts is impactful. Alone, minimalist illustrations may be subject to misinterpretation. Thus, they are used to complement copy and photography. As a rule of thumb, designs should be clean and flat, without jarring bold colours for charts, graphs or imagery.

Drawings

=

Slice of Life Photos with Illustration

+ Photographs

42

Visual Identity Guide

Tone of Voice

Our tone of voice seeks to foster an emotional connection between stakeholders and the HDI brand. It must contain life and compel a reaction. Although we expect a certain level of intelligence from our audience, we still keep our words short & simple.

And even if we speak conversationally, our voice should convey expertise and professionalism. Visuals and type should also support each other and not compete.

What to avoid: - Profanities, negative and adult words, and those potentially offensive in nature - Focus on technical features instead of real-world values - Use of passive voice and padded/dragging sentences - Slang words, jargon and marketese

43

Visual Identity Guide

Color Ratio

For a more uniform overall look across media, observe the following color ratio for layout. Neutral colors are usually allocated for white space; the rest for creating focal points. Note that the percentages are general approximations.

5% 5% 5%

85 80 70 60

85%

neutrals

50 40 30 20 10

44

Visual Identity Guide

Layout |Grid

Layout grid is a two-dimensional structure made up of a series of intersecting vertical and horizontal axes used to structure content.

The grid serves as an armature on which a designer can organize text and images in a rational, easy-to-absorb manner.

Vertical column grids examples: 1 column vertical grid

2 column vertical grid

2 column vertical grid

3 column vertical grid

3 column vertical grid

3 column vertical grid

45

Visual Identity Guide

Layout |Grid

Vertical column grids examples: 1 column landscape grid

2 column landscape grid

3 column landscape grid

3 column landscape grid

46

Visual Identity Guide

Layout |The Golden Ratio and the Fibonacci Sequence

The Golden Spiral is based on the Golden Ratio while the Fibonacci Spiral is based on the Fibonacci Sequence. Both are very similar, and recommended with each composition.

The Golden Ratio is also known as the divine proportion. In mathematics and the arts, two quantities are in the Golden Ratio if the ratio of the sum of the quantities to the larger quantity is equal to the ratio of the larger quantity to the smaller one. Also In mathematics the Fibonacci Sequence are 0 and 1, and each subsequent number is the sum of the previous two: 1, 1, 2, 3, 5, 8, 13, 21, 55, 89,144, etc.

The Golden Spiral

Fibonacci Sequence

47

Visual Identity Guide

Layout |The Golden Ratio and the Fibonacci Sequence Example:

48

Visual Identity Guide

APPLICATION

We can think of the Core Elements and Visual System as our building blocks for all communication materials. This section provides simple layouts and mechanicals that illustrate how all come together to create a distinct HDI identity.

49

Visual Identity Guide

Application |Powerpoint Template

50

Visual Identity Guide

Application |Stationery Set

Letterhead

Business Card:

Folder

Size 10 Letter Envelope:

51

Visual Identity Guide

Application |ID

12-3456789-0 123-456-789 Juan dela Cruz +12 3 456 7890

52

Visual Identity Guide

Application |Spatial Design / Signages

53

Visual Identity Guide

Application |HDI Shirt

54

Visual Identity Guide

Application |HDI Network Product Catalog

55

Visual Identity Guide

Application |Trophies

56

Visual Identity Guide

HDI Subsidiaries Identity [annex]

Visual Identity Guide

The Subsidiary Logos

live learn love

58

Visual Identity Guide

Subsidiary Logo Lock-Up & Clear Space

Y

Y

X

5.12X

Y

Y

Y

Y

59

Visual Identity Guide

Scaling

Below are minimum sizes of the HDI Subsidiary logos across different media. Since subsidiary logos vary in width, only minimum scaling is height are indicated.

WEB 33 pixels H 72 pixels/inch

PRINT For non-Advertising material, on paper/inkjet printing: 0.889 cm or 0.25 inch H 200 dpi resolution (pixels/inch) For Advertising Materials (with TM), for offset printing: 1.27 cm or 0.5 inches H 300 dpi resolution (pixels/inch) On tarpaulin materials: 2.2224 cm or 0.875 inch H 100 dpi resolution (pixels/inch)

APPAREL Silkscreen and heatpress 1.27 cm or 0.5 inches H

Embroidery: 2D 2.5358 cm or 1 inch H

60

Visual Identity Guide

Trademarks HDI Subsidiary logo with TM should be used for all advertising and most marketing materials. Please refer to annex for comprehensive list of when to use Corporate logo with TM.

|Size & Clearance TM position should be aligned with the tip of “I”. Space between “I” and TM should be the same as the space between “D” and “I” (represented by x). Size of TM is in proportion with the logo height (excluding “tail”). TM height should be 5% of total logo height.

x

5% of logo height

x

Legend: x - space between “D” and “I”

For subsidiaries whose main logo name doesn’t contain “HDI”, TM position should be aligned with the top edge of the company logo name. Space between last letter and TM is the same size as the width of vertical letter bar, represented by x. (i.e.: B, D, E, F, H, I, J, K, L, M, N, P, R, T, U, Y). Likewise, TM size is in proportion to the height of the logo, 5%.

x

x

5% of logo height

Legend: x - space between “D” and “I” Minimum size of HDI Subsidiary with TM is 1.27 cm or 0.5 inch in height. This is to ensure readibility of the TM.

1.27 cm

1.27 cm

61

Visual Identity Guide

Brand Element with Subsidiaries |Color Bar

The color bar is the ribbon of the beehive icon, laid out. It may be applied vertically or horizontally. The color varies depending on the logo and follows the middle value of the logo color gradient.

Colors Per Subsidiaries Coated Material

Uncoated Material

185U

021U

115U

374U

3005U

3272U

253U

192C

021C

123C

375C

2935C

3282C

254C

When used vertically, it should be on the leftmost edge of the artboard/material. Its length should span the topmost to the bottommost edge of the artboard. It thickness/width should be at least 1.45% the size of the artboard/material.

Minimum/maximum variance allowed is +5% or -5% depending on visual preference and overall aesthetic design.

62

Visual Identity Guide

Imagery

People imagery creation involves a system that allows for photography and illustration, both amateur and professional, to create a standard â&#x20AC;&#x153;HDI lookâ&#x20AC;? that is authentic, meanigful and immersive. In choosing photos, people must show natural and real expressions (not self-conscious) or are caught in action (not too artificial or staged). When using commercially-available stock photos, choose models that are not widely used by other brands. The following examples adopt the HDI color ratio.

63

Visual Identity Guide

Imagery

64

Visual Identity Guide

Accent Illustrations

The use of minimalist line drawings is recommended as design accents. Ours observe an art style shown below— maintaining a degree of abstraction, is always not completely “finished”, and with an interpretation that is not too literal… yet the overall sum of its parts is impactful. Alone, minimalist illustrations may be subject to misinterpretation. Thus, they are used to complement copy and photography. Colors used should also be within the HDI palette.

Examples: Line drawing for HDI Securities-- remniscent of graphs from stock trading monitors

Illustration for Stanford Finance for personal (housing or car) loan

65

Visual Identity Guide

Accent Illustrations

Example: Illustration for HDI admix using architectural drawings of billboard structures

Elements: Line drawing

Geometrical drawing

Color fill

Texture

66

Visual Identity Guide

Application |HDI Admix & Hillcroft Philippines Shirt

67

Visual Identity Guide

Application |HDI Securities & HDI Systech Shirt

68

Visual Identity Guide

Application |HDI Stanford Finance & HDI Resource Shirt

69

Visual Identity Guide

Application |HDI Resource Website

70

Visual Identity Guide

Application |HDI Stanford Finance Website

71

Visual Identity Guide

Application |HDI Securities Website

72

Visual Identity Guide

Application |HDI Systech Website

73

Visual Identity Guide

Application |HDI Admix Eco Bag

74

Visual Identity Guide

Application |HDI Systech Flyer

75

Visual Identity Guide

The Color Palette

This chapter indicates the Mac CYMK, RGB, and RGB Hexagonal Values of all HDI subsidiary logos, saved in CMYK format. The pantone colors (coated and uncoated) indicated on page 58 are based on the Pantone Solid color book. For other requirements, kindly specify the pantone swatch/color book required by your printer.

76

Visual Identity Guide

The Color Palette |HDI Holdings Logo 3D

2D

MONO

CMYK

RGB Hexagonal Value

RGB C - 15 M - 100 Y - 90 K - 40

C-0 M - 100 Y - 74 K-0

C-0 M - 70 Y - 100 K-0

R - 139 G - 14 B - 26

R - 237 G - 25 B - 66

R - 243 G - 112 B - 33

# 8B0E1A

# ED1942

# F37021

C-0 M-0 Y-0 K - 80

C-0 M-0 Y-0 K - 50

C-0 M-0 Y-0 K - 30

R - 88 G - 89 B - 91

R - 147 G - 149 B - 152

R - 188 G - 190 B - 192

# 58595B

# 939598

# BCBEC0

C-0 M-0 Y-0 K - 90

R - 65 G - 64 B - 66

# 414042

C-0 M-0 Y-0 K - 70

R - 109 G - 110 B - 113

# 6D6E71

RGB

CMYK

RGB Hexagonal Value

C-0 M - 100 Y - 74 K-0

R - 237 G - 25 B - 66

# ED1942

C-0 M-0 Y-0 K - 50

R - 147 G - 149 B - 152

# 939598

C-0 M-0 Y-0 K - 90

R - 65 G - 64 B - 66

# 414042

C-0 M-0 Y-0 K - 70

R - 109 G - 110 B - 113

# 6D6E71

CMYK

RGB

RGB Hexagonal Value

C-0 M-0 Y-0 K - 100

R-0 G-0 B-0

# 000000

C-0 M-0 Y-0 K - 100

R-0 G-0 B-0

# 000000

C-0 M-0 Y-0 K - 100

R-0 G-0 B-0

# 000000

C-0 M-0 Y-0 K - 100

R-0 G-0 B-0

# 000000

77

Visual Identity Guide

The Color Palette |High-Desert Logo 3D

2D

MONO

CMYK

RGB Hexagonal Value

RGB C - 15 M - 100 Y - 90 K - 40

C-0 M - 100 Y - 74 K-0

C-0 M - 70 Y - 100 K-0

R - 139 G - 14 B - 26

R - 237 G - 25 B - 66

R - 243 G - 112 B - 33

# 8B0E1A

# ED1942

# F37021

C-0 M-0 Y-0 K - 80

C-0 M-0 Y-0 K - 50

C-0 M-0 Y-0 K - 30

R - 88 G - 89 B - 91

R - 147 G - 149 B - 152

R - 188 G - 190 B - 192

# 58595B

# 939598

# BCBEC0

C-0 M-0 Y-0 K - 90

R - 65 G - 64 B - 66

# 414042

C-0 M-0 Y-0 K - 70

R - 109 G - 110 B - 113

# 6D6E71

RGB

CMYK

RGB Hexagonal Value

C-0 M - 100 Y - 74 K-0

R - 237 G - 25 B - 66

# ED1942

C-0 M-0 Y-0 K - 50

R - 147 G - 149 B - 152

# 939598

C-0 M-0 Y-0 K - 90

R - 65 G - 64 B - 66

# 414042

C-0 M-0 Y-0 K - 70

R - 109 G - 110 B - 113

# 6D6E71

CMYK

RGB

RGB Hexagonal Value

C-0 M-0 Y-0 K - 100

R-0 G-0 B-0

# 000000

C-0 M-0 Y-0 K - 100

R-0 G-0 B-0

# 000000

C-0 M-0 Y-0 K - 100

R-0 G-0 B-0

# 000000

C-0 M-0 Y-0 K - 100

R-0 G-0 B-0

# 000000

78

Visual Identity Guide

The Color Palette |HDI Admix Logo 3D

2D

MONO

CMYK

RGB Hexagonal Value

RGB C-0 M - 100 Y - 74 K-0

C-0 M - 70 Y - 100 K-0

C-0 M - 35 Y - 85 K-0

R - 237 G - 25 B - 66

R - 243 G - 112 B - 33

R - 251 G - 176 B - 64

# ED1942

# F37021

# FBB040

C-0 M-0 Y-0 K - 80

C-0 M-0 Y-0 K - 50

C-0 M-0 Y-0 K - 30

R - 88 G - 89 B - 91

R - 147 G - 149 B - 152

R - 188 G - 190 B - 192

# 58595B

# 939598

# BCBEC0

C-0 M-0 Y-0 K - 90

R - 65 G - 64 B - 66

# 414042

C-0 M-0 Y-0 K - 70

R - 109 G - 110 B - 113

# 6D6E71

RGB

CMYK

RGB Hexagonal Value

C-0 M - 70 Y - 100 K-0

R - 243 G - 112 B - 33

# F37021

C-0 M-0 Y-0 K - 50

R - 147 G - 149 B - 152

# 939598

C-0 M-0 Y-0 K - 90

R - 65 G - 64 B - 66

# 414042

C-0 M-0 Y-0 K - 70

R - 109 G - 110 B - 113

# 6D6E71

CMYK

RGB

RGB Hexagonal Value

C-0 M-0 Y-0 K - 100

R-0 G-0 B-0

# 000000

C-0 M-0 Y-0 K - 100

R-0 G-0 B-0

# 000000

C-0 M-0 Y-0 K - 100

R-0 G-0 B-0

# 000000

C-0 M-0 Y-0 K - 100

R-0 G-0 B-0

# 000000

79

Visual Identity Guide

The Color Palette |HDI Adventures Logo 3D

2D

MONO

CMYK

RGB Hexagonal Value

RGB C-0 M - 100 Y - 74 K-0

C-0 M - 70 Y - 100 K-0

C-0 M - 35 Y - 85 K-0

R - 237 G - 25 B - 66

R - 243 G - 112 B - 33

R - 251 G - 176 B - 64

# ED1942

# F37021

# FBB040

C-0 M-0 Y-0 K - 80

C-0 M-0 Y-0 K - 50

C-0 M-0 Y-0 K - 30

R - 88 G - 89 B - 91

R - 147 G - 149 B - 152

R - 188 G - 190 B - 192

# 58595B

# 939598

# BCBEC0

C-0 M-0 Y-0 K - 90

R - 65 G - 64 B - 66

# 414042

C-0 M-0 Y-0 K - 70

R - 109 G - 110 B - 113

# 6D6E71

RGB

CMYK

RGB Hexagonal Value

C-0 M - 70 Y - 100 K-0

R - 243 G - 112 B - 33

# F37021

C-0 M-0 Y-0 K - 50

R - 147 G - 149 B - 152

# 939598

C-0 M-0 Y-0 K - 90

R - 65 G - 64 B - 66

# 414042

C-0 M-0 Y-0 K - 70

R - 109 G - 110 B - 113

# 6D6E71

CMYK

RGB

RGB Hexagonal Value

C-0 M-0 Y-0 K - 100

R-0 G-0 B-0

# 000000

C-0 M-0 Y-0 K - 100

R-0 G-0 B-0

# 000000

C-0 M-0 Y-0 K - 100

R-0 G-0 B-0

# 000000

C-0 M-0 Y-0 K - 100

R-0 G-0 B-0

# 000000

80

Visual Identity Guide

The Color Palette |HDI Stopovers Logo 3D

2D

MONO

CMYK

RGB Hexagonal Value

RGB C-0 M - 100 Y - 74 K-0

C-0 M - 70 Y - 100 K-0

C-0 M - 35 Y - 85 K-0

R - 237 G - 25 B - 66

R - 243 G - 112 B - 33

R - 251 G - 176 B - 64

# ED1942

# F37021

# FBB040

C-0 M-0 Y-0 K - 80

C-0 M-0 Y-0 K - 50

C-0 M-0 Y-0 K - 30

R - 88 G - 89 B - 91

R - 147 G - 149 B - 152

R - 188 G - 190 B - 192

# 58595B

# 939598

# BCBEC0

C-0 M-0 Y-0 K - 90

R - 65 G - 64 B - 66

# 414042

C-0 M-0 Y-0 K - 70

R - 109 G - 110 B - 113

# 6D6E71

RGB

CMYK

RGB Hexagonal Value

C-0 M - 70 Y - 100 K-0

R - 243 G - 112 B - 33

# F37021

C-0 M-0 Y-0 K - 50

R - 147 G - 149 B - 152

# 939598

C-0 M-0 Y-0 K - 90

R - 65 G - 64 B - 66

# 414042

C-0 M-0 Y-0 K - 70

R - 109 G - 110 B - 113

# 6D6E71

CMYK

RGB

RGB Hexagonal Value

C-0 M-0 Y-0 K - 100

R-0 G-0 B-0

# 000000

C-0 M-0 Y-0 K - 100

R-0 G-0 B-0

# 000000

C-0 M-0 Y-0 K - 100

R-0 G-0 B-0

# 000000

C-0 M-0 Y-0 K - 100

R-0 G-0 B-0

# 000000

81

Visual Identity Guide

The Color Palette |HDI Securities Logo 3D

2D

MONO

CMYK

RGB Hexagonal Value

RGB C - 75 M-0 Y - 100 K-0

C - 50 M-0 Y - 100 K-0

C - 20 M-0 Y - 100 K-0

R - 57 G - 181 B - 74

R - 141 G - 198 B - 63

R - 215 G - 223 B - 35

# 39B54A

# 8DC63F

# D7DF23

C-0 M-0 Y-0 K - 80

C-0 M-0 Y-0 K - 50

C-0 M-0 Y-0 K - 30

R - 88 G - 89 B - 91

R - 147 G - 149 B - 152

R - 188 G - 190 B - 192

# 58595B

# 939598

# BCBEC0

C-0 M-0 Y-0 K - 90

R - 65 G - 64 B - 66

# 414042

C-0 M-0 Y-0 K - 70

R - 109 G - 110 B - 113

# 6D6E71

RGB

CMYK

RGB Hexagonal Value

C - 50 M-0 Y - 100 K-0

R - 141 G - 198 B - 63

# 8DC63F

C-0 M-0 Y-0 K - 50

R - 147 G - 149 B - 152

# 939598

C-0 M-0 Y-0 K - 90

R - 65 G - 64 B - 66

# 414042

C-0 M-0 Y-0 K - 70

R - 109 G - 110 B - 113

# 6D6E71

CMYK

RGB

RGB Hexagonal Value

C-0 M-0 Y-0 K - 100

R-0 G-0 B-0

# 000000

C-0 M-0 Y-0 K - 100

R-0 G-0 B-0

# 000000

C-0 M-0 Y-0 K - 100

R-0 G-0 B-0

# 000000

C-0 M-0 Y-0 K - 100

R-0 G-0 B-0

# 000000

82

Visual Identity Guide

The Color Palette |Hillcroft Philippines Logo 3D

2D

MONO

CMYK

RGB Hexagonal Value

RGB

C - 40 M - 70 Y - 100 K - 73

C-0 M - 35 Y - 85 K-0

C-5 M-0 Y - 90 K-0

R - 65 G - 34 B-0

R - 251 G - 176 B - 64

R - 249 G - 237 B - 50

# 412200

# FBB040

# F9ED32

C-0 M-0 Y-0 K - 80

C-0 M-0 Y-0 K - 50

C-0 M-0 Y-0 K - 30

R - 88 G - 89 B - 91

R - 147 G - 149 B - 152

R - 188 G - 190 B - 192

# 58595B

# 939598

# BCBEC0

C-0 M-0 Y-0 K - 90

R - 65 G - 64 B - 66

# 414042

C-0 M-0 Y-0 K - 70

R - 109 G - 110 B - 113

# 6D6E71

RGB

CMYK

RGB Hexagonal Value

C-0 M - 26 Y - 100 K-0

R - 254 G - 192 B - 15

# FEC00F

C-0 M-0 Y-0 K - 50

R - 147 G - 149 B - 152

# 939598

C-0 M-0 Y-0 K - 90

R - 65 G - 64 B - 66

# 414042

C-0 M-0 Y-0 K - 70

R - 109 G - 110 B - 113

# 6D6E71

CMYK

RGB

RGB Hexagonal Value

C-0 M-0 Y-0 K - 100

R-0 G-0 B-0

C-0 M-0 Y-0 K - 100

R-0 G-0 B-0

C-0 M-0 Y-0 K - 100

R-0 G-0 B-0

C-0 M-0 Y-0 K - 100

R-0 G-0 B-0

# 000000

# 000000

# 000000

# 000000

83

Visual Identity Guide

The Color Palette |Erminland Realty Logo 3D

2D

MONO

CMYK

RGB Hexagonal Value

RGB

C - 40 M - 70 Y - 100 K - 73

C-0 M - 35 Y - 85 K-0

C-5 M-0 Y - 90 K-0

R - 65 G - 34 B-0

R - 251 G - 176 B - 64

R - 249 G - 237 B - 50

# 412200

# FBB040

# F9ED32

C-0 M-0 Y-0 K - 80

C-0 M-0 Y-0 K - 50

C-0 M-0 Y-0 K - 30

R - 88 G - 89 B - 91

R - 147 G - 149 B - 152

R - 188 G - 190 B - 192

# 58595B

# 939598

# BCBEC0

C-0 M-0 Y-0 K - 90

R - 65 G - 64 B - 66

# 414042

C-0 M-0 Y-0 K - 70

R - 109 G - 110 B - 113

# 6D6E71

RGB

CMYK

RGB Hexagonal Value

C-0 M - 26 Y - 100 K-0

R - 254 G - 192 B - 15

# FEC00F

C-0 M-0 Y-0 K - 50

R - 147 G - 149 B - 152

# 939598

C-0 M-0 Y-0 K - 90

R - 65 G - 64 B - 66

# 414042

C-0 M-0 Y-0 K - 70

R - 109 G - 110 B - 113

# 6D6E71

CMYK

RGB

RGB Hexagonal Value

C-0 M-0 Y-0 K - 100

R-0 G-0 B-0

# 000000

C-0 M-0 Y-0 K - 100

R-0 G-0 B-0

# 000000

C-0 M-0 Y-0 K - 100

R-0 G-0 B-0

# 000000

C-0 M-0 Y-0 K - 100

R-0 G-0 B-0

# 000000

84

Visual Identity Guide

The Color Palette |Capital Growth Logo 3D

2D

MONO

CMYK

RGB Hexagonal Value

RGB

C - 40 M - 70 Y - 100 K - 73

C-0 M - 35 Y - 85 K-0

C-5 M-0 Y - 90 K-0

R - 65 G - 34 B-0

R - 251 G - 176 B - 64

R - 249 G - 237 B - 50

# 412200

# FBB040

# F9ED32

C-0 M-0 Y-0 K - 80

C-0 M-0 Y-0 K - 50

C-0 M-0 Y-0 K - 30

R - 88 G - 89 B - 91

R - 147 G - 149 B - 152

R - 188 G - 190 B - 192

# 58595B

# 939598

# BCBEC0

C-0 M-0 Y-0 K - 90

R - 65 G - 64 B - 66

# 414042

C-0 M-0 Y-0 K - 70

R - 109 G - 110 B - 113

# 6D6E71

RGB

CMYK

RGB Hexagonal Value

C-0 M - 26 Y - 100 K-0

R - 254 G - 192 B - 15

# FEC00F

C-0 M-0 Y-0 K - 50

R - 147 G - 149 B - 152

# 939598

C-0 M-0 Y-0 K - 90

R - 65 G - 64 B - 66

# 414042

C-0 M-0 Y-0 K - 70

R - 109 G - 110 B - 113

# 6D6E71

CMYK

RGB

RGB Hexagonal Value

C-0 M-0 Y-0 K - 100

R-0 G-0 B-0

# 000000

C-0 M-0 Y-0 K - 100

R-0 G-0 B-0

# 000000

C-0 M-0 Y-0 K - 100

R-0 G-0 B-0

# 000000

C-0 M-0 Y-0 K - 100

R-0 G-0 B-0

# 000000

85

Visual Identity Guide

The Color Palette |HDI Systech Logo 3D

2D

MONO

CMYK

RGB Hexagonal Value

RGB C - 100 M - 95 Y-5 K-0

C - 85 M - 50 Y-0 K-0

C - 70 M - 15 Y-0 K-0

R - 43 G - 57 B - 144

R - 28 G - 117 B - 188

R - 39 G - 170 B - 225

# 2B3990

# 1C75BC

# 27AAE1

C-0 M-0 Y-0 K - 80

C-0 M-0 Y-0 K - 50

C-0 M-0 Y-0 K - 30

R - 88 G - 89 B - 91

R - 147 G - 149 B - 152

R - 188 G - 190 B - 192

# 58595B

# 939598

# BCBEC0

C-0 M-0 Y-0 K - 90

R - 65 G - 64 B - 66

# 414042

C-0 M-0 Y-0 K - 70

R - 109 G - 110 B - 113

# 6D6E71

RGB

CMYK

RGB Hexagonal Value

C - 85 M - 50 Y-0 K-0

R - 28 G - 117 B - 188

# 1C75BC

C-0 M-0 Y-0 K - 50

R - 147 G - 149 B - 152

# 939598

C-0 M-0 Y-0 K - 90

R - 65 G - 64 B - 66

# 414042

C-0 M-0 Y-0 K - 70

R - 109 G - 110 B - 113

# 6D6E71

CMYK

RGB

RGB Hexagonal Value

C-0 M-0 Y-0 K - 100

R-0 G-0 B-0

# 000000

C-0 M-0 Y-0 K - 100

R-0 G-0 B-0

# 000000

C-0 M-0 Y-0 K - 100

R-0 G-0 B-0

# 000000

C-0 M-0 Y-0 K - 100

R-0 G-0 B-0

# 000000

86

Visual Identity Guide

The Color Palette |Stanford Finance Logo 3D

2D

MONO

CMYK

RGB Hexagonal Value

RGB

C - 90 M - 34 Y - 83 K - 73

C - 84.71 M - 47 Y - 45 K - 5.88

C - 65 M-0 Y - 24 K-0

R-0 G - 52 B - 28

R - 48 G - 113 B - 126

R - 65 G - 193 B - 200

# 00341C

# 30717E

# 41C1C8

C-0 M-0 Y-0 K - 80

C-0 M-0 Y-0 K - 50

C-0 M-0 Y-0 K - 30

R - 88 G - 89 B - 91

R - 147 G - 149 B - 152

R - 188 G - 190 B - 192

# 58595B

# 939598

# BCBEC0

C-0 M-0 Y-0 K - 90

R - 65 G - 64 B - 66

# 414042

C-0 M-0 Y-0 K - 70

R - 109 G - 110 B - 113

# 6D6E71

RGB

CMYK

RGB Hexagonal Value

C - 80 M - 10 Y - 45 K-0

R-0 G - 167 B - 157

# 00A79D

C-0 M-0 Y-0 K - 50

R - 147 G - 149 B - 152

# 939598

C-0 M-0 Y-0 K - 90

R - 65 G - 64 B - 66

# 414042

C-0 M-0 Y-0 K - 70

R - 109 G - 110 B - 113

# 6D6E71

CMYK

RGB

RGB Hexagonal Value

C-0 M-0 Y-0 K - 100

R-0 G-0 B-0

# 000000

C-0 M-0 Y-0 K - 100

R-0 G-0 B-0

# 000000

C-0 M-0 Y-0 K - 100

R-0 G-0 B-0

# 000000

C-0 M-0 Y-0 K - 100

R-0 G-0 B-0

# 000000

87

Visual Identity Guide

The Color Palette |HDI Resource Logo 3D

2D

MONO

CMYK

RGB Hexagonal Value

RGB C - 100 M - 100 Y - 100 K - 12

C - 50 M - 100 Y-0 K-0

C-6 M - 100 Y-0 K-0

R - 49 G - 46 B - 49

R - 146 G - 39 B - 143

R - 223 G-6 B - 140

# 312E31

# 92278F

# DF068C

C-0 M-0 Y-0 K - 80

C-0 M-0 Y-0 K - 50

C-0 M-0 Y-0 K - 30

R - 88 G - 89 B - 91

R - 147 G - 149 B - 152

R - 188 G - 190 B - 192

# 58595B

# 939598

# BCBEC0

C-0 M-0 Y-0 K - 90

R - 65 G - 64 B - 66

# 414042

C-0 M-0 Y-0 K - 70

R - 109 G - 110 B - 113

# 6D6E71

RGB

CMYK

RGB Hexagonal Value

C - 50 M - 100 Y-0 K-0

R - 146 G - 39 B - 143

# 92278F

C-0 M-0 Y-0 K - 50

R - 147 G - 149 B - 152

# 939598

C-0 M-0 Y-0 K - 90

R - 65 G - 64 B - 66

# 414042

C-0 M-0 Y-0 K - 70

R - 109 G - 110 B - 113

# 6D6E71

CMYK

RGB

RGB Hexagonal Value

C-0 M-0 Y-0 K - 100

R-0 G-0 B-0

# 000000

C-0 M-0 Y-0 K - 100

R-0 G-0 B-0

# 000000

C-0 M-0 Y-0 K - 100

R-0 G-0 B-0

# 000000

C-0 M-0 Y-0 K - 100

R-0 G-0 B-0

# 000000

88

Visual Identity Guide

Color Variations

|Full Color Logos on Dark Background

On dark background, the company name and/or subsidiary descriptor are rendered in white.

live learn love

89

Visual Identity Guide

Color Variations |2D logos on Dark Background

live learn love

90

Visual Identity Guide

Visual Identity Guide