BRBHAI GUIDE

BRAND VISUAL IDENTITY GUIDELINES V.01 LAST UPDATE: 10/2021



Copyright 2021 All Rights Reserved. Blue Ridge B Homeowners Asso- ciation, Inc. Moonlight Loop, Quezon City 1109 Created by BRBHAI Creative Team

CONTtaEbNle Tof 1 2 3 Introduction Typography Color System Intent of the Guide Typeface Primary Using our Brand Material Text Legibility Secondary Logo Study & Versions

4 5 6 Graphics Asset Visual Style In closing Pattern and Figures Stationary System Glossary Iconography Presentation Template Resources Contacts

BRAND VISUAL IDENTITY Introductio005 GUIDELINES V.01

BRAND VISUAL IDENTITY INTRODUCTION 006 GUIDELINES V.01 Introduction The BRBHAI visual iden- fective brand presence Intent of tity guidelines has been in everything we create. this Guide established to guide a If we create something, new approach to visual we want to make sure communication in print- that people know where ed and digital brand- it came from. By utiliz- ed content. This visual ing tools, resources, and identity guide is a refer- adhering to the guide- ence for everyone who is lines within, you’ll create authorized to work with things that look like the Blue Ridge B Home- BRBHAI brand, every owners Association, Inc. time. Our intent with this Please refer back to the guide is not to restrict guide often. If you have or limit creativity and any questions concern- innovation: far from it. ing the content in this We believe in going out guide, please reach out of the box and being to our Creative team in- resourceful. What we terns. strive for is a coordinat- ed, consistent, and ef-

BRAND VISUAL IDENTITY INTRODUCTION 007 GUIDELINES V.01 Using our Protection to our repu- approval process for Brand Materials tation comes first, we ex- materials and imple- pect the same wherever mentations of our brand our brand is represented. will vary. Please contact an authorized BRB- You must have specif- HAI intern represent- ic permission and au- ative with questions. thorization to use any of our brand materials, We reserve the right including any resourc- to disapprove or deny es, graphics, or visual any use or uses of our elements found in this logo, our brand visulas, guide and its accom- or other elements at panying files. Simply any time, for any reason. being in possession of these materials does not imply or imbue per- mission in any way. The

BRAND VISUAL IDENTITY INTRODUCTION 008 GUIDELINES V.01 “Branding demands commitment; commitment to continual re-invention; striking chords with people to stir their emotions; and commitment to imagination. It is easy to be cynical about such things, much harder to be successful.” -Richard Branson

BRAND VISUAL IDENTITY INTRODUCTION GUIDELINES V.01 LGOO

BRAND VISUAL IDENTITY INTRODUCTION 010 GUIDELINES V.01 Logo Study The General BRBHAI logo compromise of two ele- ments: the logo symbol; mountains, trees, and houses, and the logo type. Logo Versions When the background color is dark, use the white logo. When the background color is light, use the general logo or colored transparent logo.

BRAND VISUAL IDENTITY Typo graphy 2GUIDELINESV.01 Typo graphy

BRAND VISUAL IDENTITY TYPOGRAPHY 012 GUIDELINES V.01 BEBAS NUE MONTSERRAT Autography ABCDEFGHIJ ABCDEFGHIJ ABCDEFGH KLMNOPQRS KLMNOPQRS IJKLMNOPQ TUVQWXYZ RSTUVQWXY abcdefghijklmnopr TUVQWXYZ Zabcdefghijkl stuvwxyz123456789 abcdefghijkl mnoprstuvwxyz1 mnoprstuvwx @#$& yz123456789 2 3 4 5 6 7 8 9 @$ Should be used for headers @#$& Should only be used for deco- (Bold) and subheads rative purposes. (regular). May be used for subheads, and should used for body copy and is normal case. Typography is a powerful tool in the development of a creative identity and is a key element to create a cohesive look across all communications. Using the typeface consistently makes it recognisable: it pulls together communications and makes them more distinctive. The style of type we use to bring our communication to life sets the tone of our brand: clean, modern, stylish, distinctive, and legible.

BRAND VISUAL IDENTITY TYPOGRAPHY 013 GUIDELINES V.01 THIS IS A TEXT THIS IS A TEXT THIS IS A TEXT THIS IS A TEXT ULTRA MARINE CHARCOAL CONCRETE SNUFF CMYK CMYK CMYK CMYK 91,85,0,47 0,0,0,80 0,0,1,3 6,5,0,6 RGB RGB RGB RGB 12,20,134 51,51,51 248,248,245 225,227,239 HEX HEX HEX HEX #0C1486 #333333 #F8F8F5 #E1E3EF Text legibility plays an important role in the overall view of the content. Black/ Dark text is recommended for use on light backgrounds, and light/white text on dark backgrounds. If your presentation has both light and dark themes, make sure the text is available in a contrasting color against each theme.

ColorBRAND VISUAL IDENTITY3 System ColorGUIDELINES V.01 System

BRAND VISUAL IDENTITY GRAPHICS ASSET 014 GUIDELINES V.01 ONE VOICE SCHEME

BRAND VISUAL IDENTITY COLOR SYSTEM 016 GUIDELINES V.01 ULTRA MARINE WISTFUL SHIP COVE SNUFF PARRIYM CMYK CMYK CMYK CMYK Our primary palette 91,85,0,47 47,42,0,32 37,33,0,23 6,5,0,6 compromises the “One Voice” color RGB RGB RGB RGB scheme. Extracted 12,20,134 92,101,173 124,132,196 225,227,239 from BRBHAI logo, the consistent use of HEX HEX HEX HEX these colors will con- #0C1486 #5C65AD #7C84C4 #E1E3EF tribute to the cohesive and harmonious look of BRBHAI’s identi- ty across all relevant media.

BRAND VISUAL IDENTITY COLOR SYSTEM 017 GUIDELINES V.01 SDEACROYN SKETCH JASPER RED SALSA SUNGLOW ALICE BLUE These secondary colors CMYK CMYK CMYK CMYK are complimentary to 58, 3, 0, 24 0, 70, 68, 9 0, 20, 76, 2 5, 3, 0, 5 our official colors, but are RGB not recognized as iden- 82, 189, 194 RGB RGB RGB tifiers for BRBHAI. These 233, 70, 75 249, 199, 60 232, 235, 243 secondary colors are H#5EX2BDC2 known as the “Support- HEX HEX HEX ing Colors” and should #E9464B #F9C73C #E8EBF3 be used sparingly, that is, in less than 10 percent of the palette in one piece. SUPPORTING COLORS

GraphicsBRAND VISUAL IDENTITY4GRAPHICSASSET Asset GraphicsGUIDELINES V.01 Asset

BRAND VISUAL IDENTITY GRAPHICS ASSET 019 GUIDELINES V.01 Icon Parameter Iconography - minimum is 26x26 px 100% 75% 50% 25% - minimum stroke size 1pt - upscale only proportional - only 100% color

BRAND VISUAL IDENTITY GRAPHICS ASSET 020 GUIDELINES V.01 without background - minimum is 26x26 px - minimum stroke size 1pt - upscale only proportional with background - minimum is 26x26 px - minimum stroke size 1pt - upscale only proportional

BRAND VISUAL IDENTITY GRAPHICS ASSET 021 GUIDELINES V.01 PFiagtutreersn &

BRAND VISUAL IDENTITY GRAPHICS ASSET 022 GUIDELINES V.01

BRAND VISUAL IDENTITY GRAPHICS ASSET 023 GUIDELINES V.01 Help us grow. If you wish to request any Graphics Asset please don’t hesitate to reach our Creative team.

Visual StyleBRAND VISUAL IDENTITY5 Visual StyleGUIDELINES V.01

BRAND VISUAL IDENTITY VISUAL STYLE 025 GUIDELINES V.01 SSytasttieomnary

BRAND VISUAL IDENTITY GUIDELINES V.01

BRAND VISUAL IDENTITY VISUAL STYLE 027 GUIDELINES V.01 PTermespelnattaetion

BRAND VISUAL IDENTITY GUIDELINES V.01

6 In closin 029

BRAND VISUAL IDENTITY IN CLOSING GUIDELINES V.01 n closing Glossary CMYK RGB TYPEFACE The CMYK model is a The RGB color model is In typography, a type- subtractive color model an additive color model face (also known as font used for printed in which red,green, and family) is a set of one or materials. CMYK means blue light are added more fonts each com- Cyan, magenta, together in various ways posed of glyphs that yellow, and key (black). to reproduce a broad share common array of colors. RGB is design features. Each ICON the color model to use font of a typeface has An icon is a pictogram when the design is to a specific weight, displayed on a screen or be displayed on digital style, condensation, print layout in order to screens. width,slant,italization, help the user navigate ornamentation,and throught the content in STATIONARY designer or foundry. an easier way. The icon Stationary has histori- itself is a small picture cally pertained to a wide or symbol serving as a gamut of materials: quick, “intuitive” office paper, writing representation of a soft- implements, greeting ware tool, function or a cards, and other similar data file. items. PALETTE TEMPLATE A given, finite set of A pre-developed page colors for the manage- layout in electronic or pa- ment of digital images per media used to make and other visual new pages with a similar elements. design,pattern, or style.

BRAND VISUAL IDENTITY IN CLOSING 031 GUIDELINES V.01 https://qrco.de/bcWpB1 Resources For quick help and faster project development you will get the link to the google drive. All brand guidelines and editable files are contained in their respective folder. Please scan the QR-code or follow the given link.

BRAND VISUAL IDENTITY IN CLOSING 032 GUIDELINES V.01 Contacts Should you need any further information or request please do not hesitate to contact our Creative team. Dyanne Yalung [email protected] Pearly Bruno [email protected]