live learn love
HDI Brand Guide Book 2015/2016 Version 2.0
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 Creative logos
CONTACTS & RESOURCES
25
Visual System
46
51
Powerpoint Corporate Stationery ID Spatial / Signages
HDI Family Logos Scaling Brand Elements Imagery Accent Illustrations Sample Applications Color Palette Color Variations
Sample Application HDI Family Identity
Typography Brand Elements Imagery Accent Illustrations 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 James Mendoza jamesmendoza@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 Family 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 they 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 HDI logo is inspired by the beehive — a safe haven for nature’s hardest workers. The logo is angled at 30 degrees while the color red in varying depths help to give the logo a 3D effect. This combination makes the brand look passionate and dynamic. 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 look and make it unique to the organisation. Our values — Live, Learn, Love — written in small caps to create contrast are now part of our logo to serve as a reminder of what we stand for.
5
Visual Identity Guide
The Corporate Logo |Anatomy
HDI Corporate Logo is comprised of the three parts: COMPANY NAME
BEEHIVE ICON
TAGLINE
It is composed in a fixed relationship as shown above and should never be reconfigured or recreated.
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
Note: 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
As a general rule, the minimum logo height is 7% of the paper width. Indicated here are various possible paper height-width ratios.
7% OF WIDTH
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
As a general rule, the minimum logo height is 7% of the paper width. Indicated here are various possible paper height-width ratios.
1:1
1.33 : 1
1.5 : 1
1.67 : 1
7% OF WIDTH
3:1
2.5 : 1
2:1 1.75 : 1
10
Visual Identity Guide
The Corporate Logo |Scaling
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.
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
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
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 |Logo on Busy Background WRONG
Other recommendations: 2D Logo with white logotype
If the logo needs to be placed on busy background, make sure it is visible by providing enough contrast. CORRECT: The background may be digitally darkened and blurred
White Monotone Logo
16
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
17
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 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)
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)
18
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 title boilerplate
19
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.
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.
PRINT OVER
DO NOT skew. live learn lo ve
PRINT OVER
DO NOT print over the HDI logo or violate its clearance space.
DO NOT warp.
20
Visual Identity Guide
Misuse
The following are bad examples of logo use:
sugar plum fairy
DO NOT combine logo with other text. DO NOT change the tagline or its font type.
DO NOT recreate or rearrange the logo or change proportions of elements.
DO NOT add extraneous effects. This includes but is not limited to: bevel and emboss, lighting effects and drop shadows.
DO NOT change the logo opacity.
The old logos have been retired and should NOT be used.
DO NOT alter the logo colors or use unapproved logo formats.
21
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
22
Visual Identity Guide
Co-Branding |Corporate Logo with Creative Logo
For executions with creative logos, the HDI Corporate logo should always be present and visible. Size and location will depend on the layout. Please consult with HDI Brand Team before publishing.
CREATIVE LOGO
CREATIVE LOGO
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
Clearance application for horizontal orientation:
in cooperation with
BRAND X
23
Visual Identity Guide
Creative Logos
We utilize Creative Logos for affiliates, brands, annual events, or campaigns. Each resonating the design feel of the Corporate logo by using the ribbon style, beehive and/or color scheme. As a general rule, it is advised that at least one of the distinctive HDI visual styles be used: the use of ribbon style, the HDI logo font, the HDI red color scheme, or Praxis small caps for the descriptives. Please consult with the brand team each time you require a creative logo.
24
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.
25
Visual Identity Guide
Typography |Logo Tagline and Subsidiary Descriptor
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).
Since Praxis is only for Mac, designers should outline the Final Art texts before giving the layout.
26
Visual Identity Guide
Typography
Praxis is our main corporate font. Praxis font , Light style is used as our logo tagline, logo subsidiary descriptor and for some creative logos.
|Praxis
HDI Official Praxis Font (for Mac only)
Alternative font: Praxis (for Windows)
Font Name Praxis
Font Name Praxis LT Light Praxis LT Light Sc Praxis LT Regular Praxis LT RegularSC Praxis LT Semibold
Font Style Light, Regular, Semibold & Heavy
Whenever a layout calls for Italic font style, we may modify Praxis using vector based designers software by outlining text, then shear:
Font Style Regular Regular Regular & Bold Regular Regular & Bold
HDI Official Praxis Font Examples:
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 ~`@#$%^&*()_-+=<,>.?/
Note: Please request for the official font types for Mac and Windows from the Brand Team.
27
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 ~`@#$%^&*()_-+=<,>.?/
28
Visual Identity Guide
Typography |Use of Accent Font
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. Praxis (Heavy)
headline
Accent font
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.
Praxis (Light)
Calibri (Bold)
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.
Accent font
Calibri
29
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 necessarily 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
30
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 For vertical bar used for character style, it can be inserted by way of Shift + \ as per example of email signature below: Best regards, John Doe | Customer Relations Officer HDI Network (S) Pte Ltd | Blk 211 Henderson Road #08-03 Henderson Industrial Park Singapore 159552 Phone: (65) 6273 9277 | Fax (65) 6273 3692 Email: johndoe@hdi.com | Website: www.hdi.com
The color bar can be used in the form of a short bar next to titles of headers.
Color Uncoated Material 185U
Coated Material 192C
horizontal color bar
31
Visual Identity Guide
Brand Element |Live Learn Love Whole Tagline
The tagline used as an element may be used whole or cropped. Depending on the workspace limitations and layout, it can be used in either:
horizontal orientation
306
vertical orientation
32
Visual Identity Guide
Brand Element |Live Learn Love
If the cropped tagline is used, a minimum size of 2 inches width is required. Otherwise, use the whole tagline as an element.
Cropped Tagline
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. Minimum/maximum variance allowed is +5% or -5% depending on visual preference and overall aesthetic design.
80% height
H
97% of full width 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. As an element, it shouldnâ&#x20AC;&#x2122;t overpower the HDI Logo. So for the colors, 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.
33
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 37 for tips in selecting photos]. Also recommended is the creation of focal points using the HDI color ratio [see page 41].
|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.
34
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
35
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.
36
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.
37
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
38
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
39
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
40
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
41
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
42
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
43
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
44
Visual Identity Guide
Layout |The Golden Ratio and the Fibonacci Sequence Example:
45
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.
46
Visual Identity Guide
Application |Powerpoint Template
47
Visual Identity Guide
Application |Stationery Set
Letterhead
Business Card:
Folder
Size 10 Letter Envelope:
48
Visual Identity Guide
Application |ID
12-3456789-0 123-456-789 Juan dela Cruz +12 3 456 7890
49
Visual Identity Guide
Application |Spatial Design / Signages
50
Visual Identity Guide
HDI Family of Companiesâ&#x20AC;&#x2122; Identity [annex]
Visual Identity Guide
The HDI Family of Companies Logos
The logo readily lends itself to the business groups of HDI by way of color differentiation. Itâ&#x20AC;&#x2122;s unique and distinctive branding strategy allows the brand to shift into different industries while being easily recognizable as being part of the HDI Family of Companies. The 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.
live learn love
Red: Social Network Marketing Orange: Advertising Yellow: Property Blue: Information Technology Green: Brokerage Services Teal: Finance Purple: Human Resource
52
Visual Identity Guide
Logo Lock-Up & Clear Space
Y
Y
X
5.12X
Y
Y
Y
Y
53
Visual Identity Guide
Scaling
Below are minimum sizes of the HDI Family of Companies logos across different media. Since company 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
54
Visual Identity Guide
Trademarks
HDI Family of Companies logos with TM should be used for all advertising and most marketing materials. Please refer to Page 19 of this guide for a comprehensive list of when to use 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
55
Visual Identity Guide
Brand Elements |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 Company / Business Group 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.
56
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.
57
Visual Identity Guide
Imagery
58
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
59
Visual Identity Guide
Accent Illustrations
Example: Illustration for HDI admix using architectural drawings of billboard structures
Elements: Line drawing
Geometrical drawing
Color fill
Texture
60
Visual Identity Guide
Color Palette for HDI Family of Companies Logos 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.
61
Visual Identity Guide
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
62
Visual Identity Guide
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
63
Visual Identity Guide
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
64
Visual Identity Guide
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
65
Visual Identity Guide
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
66
Visual Identity Guide
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
67
Visual Identity Guide
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
68
Visual Identity Guide
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
69
Visual Identity Guide
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
70
Visual Identity Guide
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
71
Visual Identity Guide
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
72
Visual Identity Guide
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
73
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
74
Visual Identity Guide
Color Variations |2D logos on Dark Background
live learn love
75
Visual Identity Guide
Visual Identity Guide