BRBHAI Visual Identity Guidelines V.01

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



Copyright 2021 All Rights Reserved. Blue Ridge B Homeowners Association, Inc. Moonlight Loop, Blue Ridge B, Quezon City 1109 Layout and Graphics by BRBHAI Creative Team

CONTEtaNblTe osf 1 2 3 Introduction Typography Color System Intent of the Guide.....................06 Typeface.....................14 Primary.........................18 Using our Brand Materials.....07 Text Legibility..........15 Tetradic.........................19 Logo.......................................................09

4 5 6 Graphics Asset Visual Style In closing Iconography........................21 Stationary System.................27 Glossary................34 Pattern and Figures.......23 Email Template.......................29 Resources............35 Image & Blending...........25 Presentation Template......31 Contacts...............36

BRAND VISUAL IDENTITY Introductio GUIDELINES V.01 ntroduction

BRAND VISUAL IDENTITY INTRODUCTION 006 GUIDELINES V.01 The BRBHAI visual nated, consistent, and Intent of identity guidelines have compelling brand pres- this Guide been established to ence in everything we guide a new approach create. to visual communi- cation in printed and If we create something, digital branded con- we want to make sure tent. This visual identity that people know guide is a reference for where it came from. By everyone authorized to utilizing tools, resourc- work with Blue Ridge B es and adhering to the Homeowners Associa- guidelines within, you’ll tion, Inc. create things that look like the BRBHAI brand Our intent with this every time. guide is not to restrict or limit creativity and Please refer back to the innovation: far from it. guide often. If you have We believe in going out any questions concern- of the box and being ing the content in this resourceful. What we guide, please reach out strive for is a coordi- to our creative team interns.

BRAND VISUAL IDENTITY INTRODUCTION 007 GUIDELINES V.01 Using our Protection of our rep- process for materials Brand Materials utation comes first, we and implementations expect the same wher- of our brand will vary. ever our brand is repre- Please get in touch with sented. an authorized BRBHAI intern representative to You must have specific address your questions. permission and author- ization to use our brand We reserve the right to materials, including any disapprove or deny any resources, graphics, or use of our logo, brand visual elements found visuals, or other ele- in this guide and its ments at any time, for accompanying files. any reason. Simply having these materials does not im- ply or imbue permission in any way. The approval

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 009 GUIDELINES V.01 LOGO

1 GENERAL LOGO 010 Logo 1. The General BRBHAI The main logo is in ultra ma- rine pantone set on a white background. 2 LOGO DARK VERSION 3 LOGO LIGHT VERSION Alternatives 2. The Logo Dark Version will be used when back- ground color is light. 3. The Logo Light Version will be used when the background color is dark.

011

012

BRAND VISUAL IDENTITY Typo GUIDELINES V.01 graphy Typo graphy

BRAND VISUAL IDENTITY TYPOGRAPHY 014 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 crucial element to creating a cohesive look across all communications. Using the typeface consistently makes it recog- nizable: it pulls together communications and makes them more distinctive. The style we use to bring our identity to life sets the tone of our brand: clean, modern, stylish, unique or distinctive, and legible.

BRAND VISUAL IDENTITY TYPOGRAPHY 015 GUIDELINES V.01 THIS IS A TEXT THIS IS A TEXT THIS IS A TEXT THIS IS A TEXT Space Cadet CHARCOAL CONCRETE SNUFF CMYK CMYK CMYK CMYK 54,35,0,67 0,0,0,80 0,0,1,3 6,5,0,6 RGB RGB RGB RGB 39, 55, 85 51,51,51 248,248,245 225,227,239 HEX HEX HEX HEX #273755 #333333 #F8F8F5 #E1E3EF Text legibility plays a vital role in the overall view of the content. Black/dark text is recommended for light backgrounds and light/white text on dark backgrounds. If your presentation has both light and dark themes, make sure the text is availa- ble in a contrasting color against each theme.

ColorBRAND VISUAL IDENTITY3 System ColorGUIDELINES V.01 System

BRAND VISUAL IDENTITY GRAPHICS ASSET 014 GUIDELINES V.01 Captured by Mark Veraart ONE VOICE SCHEME

BRAND VISUAL IDENTITY COLOR SYSTEM 018 GUIDELINES V.01 Space Cadet Independence CIEL AZUREISH WHITE PARRIYM CMYK CMYK CMYK CMYK Our primary palette 54,35,0,67 38,19,0,58 32,15,0,21 10,5,0,5 compromises the “One Voice” color scheme, RGB RGB RGB RGB allowing Pantone 39, 55, 85 67, 88, 108 138, 171, 202 219, 231, 243 #273755 to be our brand’s strongest pres- HEX HEX HEX HEX ence and serves as the #273755 #43586c #8aabca #dbe7f3 main base. The consist- ent use of these colors will contribute to the cohesive and harmo- nious look of BRBHAI’s identity across all rele- vant media.

BRAND VISUAL IDENTITY COLOR SYSTEM 019 GUIDELINES V.01 Space CADET Brown chocolate Dark brown DARK SLATE GRAY TDEICTRA CMYK CMYK CMYK CMYK The tetradic color pal- 54,35,0,67 0,54,35,67 0,19,54,67 54,0,19,67 ette is complementary to our primary color, RGB RGB RGB RGB #273755. A tetradic 39, 55, 85 85, 39, 55 85, 69, 39 39, 85, 69 color palette is com- HEX HEX HEX plex and, in most cases, #273755 HEX #554527 #275545 should not be used off #552737 the shelf. We suggest tweaking the colors a little bit to achieve de- sired results.

BRAND VISUAL IDENTITYGraphicsGRAPHICS ASSET GUIDELINES V.01Asset Graphics Asset

BRAND VISUAL IDENTITY GRAPHICS ASSET 021 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 022 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 023 GUIDELINES V.01 PFiagtutreersn &

BRAND VISUAL IDENTITY GRAPHICS ASSET 024 GUIDELINES V.01

BRAND VISUAL IDENTITY GRAPHICS ASSET 025 GUIDELINES V.01 BIMLAENGEDSIN&G - High quality image - Mild Contrast - Desaturate Color - Professional look

Visual StyleBRAND VISUAL IDENTITY5 Visual StyleGUIDELINES V.01

BRAND VISUAL IDENTITY VISUAL STYLE 027 GUIDELINES V.01 Stationary System

BRAND VISUAL IDENTITY GUIDELINES V.01

BRAND VISUAL IDENTITY VISUAL STYLE 029 GUIDELINES V.01 EMAIL Template

  Your appointment has been con�rmed! Hi Isaiah Ocampo, Payment received   Your appointment has been con�rmed in our Of�ce on Monday, November Hi Isaiah Ocampo, 10th 2021 at 13:45. Please �nd the details below:   Appointment Con�rmed Thank you for your payment of ₱250.00 on Nov. 3, 2021 using Bank Account ****9876 Day: 10/10/21   Time: 13:45 Lorem ipsum dolor sit amet, Duration: 30 min consectetur adipiscing elit lectus. Service: PAYMENT DETAILS Blue Ridge B Moonlight Loop, Quezon City 1109 Amount ₱250.00   December 18   8296 – 8630 Date 03/10/21 Christmas Party Bank Account Need to make changes on this appointment? Method 2HEK9000 We have special activities prepared just for you, come and join us! Lorem ipsum dolor sit amet, consectetur adipiscing quam lectus  tincidunt. Con rmation Consectetur adipiscing quam lectus  tincidunt. I WILL BE THERE *Lorem ipsum dolor sit amet, consectetur adipiscing elit lectus. Moonlight Loop, Quezon City 1109 [email protected] FAQ SCHEDULE 8296 – 8630 Integer eget nibh vel massa gravida ullamcorper. Sed a viverra ante. Nullam posuere pellentesque lectus, nec vehicula felis 8:00 - 8:30 Lorem ipsum dolor sit amet 2021 © All Rights Reserved Unsubscribe | Manage Preferences 08:30 - 10:00   10:00 - 12:00 12:00 - 02:00 Lorem ipsum dolor sit amet 02:00 - 06:00   Lorem ipsum dolor sit amet   Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet  

BRAND VISUAL IDENTITY VISUAL STYLE 031 GUIDELINES V.01 PTermespelnattaetion

BRAND VISUAL IDENTITY GUIDELINES V.01

6 In closin n closing

BRAND VISUAL IDENTITY IN CLOSING 034 GUIDELINES V.01 RGB Glossary CMYK LOGO The RGB color model is The CMYK model is a A logo is a graphic mark an additive color model subtractive color model or emblem commonly in which red,green, and used for printed materi- used by commercial blue light are added als. CMYK means Cyan, enterprises, organiza- together in various ways magenta, yellow, and tions, and individuals to to reproduce a broad key (black). aid and promote instant array of colors. RGB is public recognition. the color model to use ICON Logos are either purely when the design is to An icon is a pictogram visual (symbols/icons) or be displayed on digital displayed on a screen or composed of the organ- screens. print layout to help the ization’s name (a logo- user navigate through- type or wordmark). TEMPLATE out the content more A pre-developed page easily. The icon is a small PALETTE layout in electronic or pa- picture or symbol serv- A given finite set of per media used to make ing as a quick, “intui- colors for the manage- new pages with a similar tive” representation of a ment of digital images design,pattern, or style. software tool, function, and visual elements. or data file. TYPEFACE STATIONARY In typography, a type- IDENTITY MANUAL Stationary has histori- face (also known as font A formal reference cally pertained to a wide family) is a set of one or document establishes gamut of materials: more fonts each com- technical and creative office paper, writing posed of glyphs that standards for a visual implements, greeting share common design identity system. cards, and other similar features with a unique items. set of specifications.

BRAND VISUAL IDENTITY IN CLOSING 035 GUIDELINES V.01 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. https://qrco.de/bcWpB1

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