BGR

📋 1 Guidelines

🔗 Connections

Sector

Publishing

Region

Usa

Guideline Year

2012

Language

English

Tags

Technology Media

Official Websites

Brand Guidelines

2012

Brand Summary

Mission
  • The goal of this document is to define guidelines for the use of BGR’s visual identity when designing applications for the brand. Throughout all media—publications, websites, mobile apps, advertising, signage, products, letterhead, or business cards—layout, color and typography should be orchestrated to impart a unified ‘signature’ [^1].
Core Values
  • clarity
  • consistency
  • simplicity
  • boldness
Target Audience
  • Designers and creators working on applications, publications, websites, mobile apps, advertising, signage, products, letterhead, or business cards for the BGR brand [^2].
Personality Traits
  • strong graphic position
  • bold contrasts
  • simplicity
Visual Identity Overview
  • BGR’s visual identity is defined by the combination of individual elements to create a strong graphic position. The brand emphasizes clear and consistent use of the logotype, bold contrasts in color and typography, and simplicity. Embellishments such as additional graphic symbols and iconography are used sparingly [^3].

Categories

Logo Usage
  • The logotype for print is available as an .eps file in the Brand Library. Also available in the library is a set of logotypes created specifically for screen usage. They will display perfectly on the pixel grid. In order to maintain their proper shape and crispness, they should never be resized in any way, nor should they be used in any print application.
  • To ensure legibility and to prevent any obstruction of the BGR logotype, always maintain a minimum space around it equal to the determined “X” unit of the logotype.
  • X = 1/2 Height of “B”
  • The correct variations of the BGR logotype are supplied in the Brand Library. Always use the source files provided to create a logotype. The logotype should not be altered in any way.
  • DO NOT change the color of all or part of logotype
  • DO NOT cut the logotype
  • DO NOT change the proportion of any part of logotype
  • DO NOT use gradient on logotype (colors needs to be solid)
  • DO NOT distort the logotype
  • DO NOT apply effect on logotype
  • Depending on the color it displays on, the logotype is either Blue or White. Blue should only be used when background is light or dark. White should only be used when background is night light.
  • When appearing atop an image, the Logotype should always be 100% white. Only as a Watermark should the Logotype be used at an opacity (30%).
Iconography
  • The strength of BGR’s visual identity is simplicity and embellishments such as additional graphic symbols and iconography should be used sparingly.
  • The BGR icon is derived from the “G” of the logotype, and embraces the equity of the recognized power symbol. Each color variation is available as .eps files in the Brand Library for both screen and print use.
Color Palette
  • The brand color palette, composed of primary colors and secondary colors, should be enough for for brand expression. No new colors should be used (other than those brought in by photography).
  • Blue R 0 / G 160 / B 255 #00A0FF
  • Black R 0 / G 0 / B 0 #000000
  • White R 255 / G 255 / B 255 #FFFFFF
  • Dark Gray R 54 / G 54 / B 54 #363636
  • Cool Gray R 115 / G 115 / B 115 #737373
  • Light Gray R 242 / G 242 / B 242 #F2F2F2
  • Depending on the color it displays on, the logotype is either Blue or White. Blue should only be used when background is light or dark. White should only be used when background is night light.
Typography
  • ITC Franklin Gothic Demi Condensed and Medium weights are used as primary brand typography. It should be used for for top level elements in all caps. Available as Webfont.
  • ITC Franklin Gothic Demi Condensed
  • ABCDEFGHIJKLMNOPQRSTUVWXYZ
  • 1234567890$%&(.,;:#!?)
  • ITC Franklin Gothic Medium
  • PT Serif in regular and italic wegihts are used as secondary typography. Regular should be used for body text and more general secondary level elements on screen. Italic should be used for pull quotes and other special text areas. Available as Web­font.
  • PT Serif
  • AaBbCcDdEeFfGgHhliJjKkLlMmNnOoPpQqRrSsTtUu VvWwXxYyZz1234567890$%&(-,;:#!?)
  • PT Serif Italic
  • AaBbCcDdEeFfGgHhlifjKkLIMmNnOoPpQqRrSsTtUu VvWwXxYyZz1234567890$%&(-,;:#!?)
Visual Style
  • To ensure legibility and to prevent any obstruction of the BGR logotype, always maintain a minimum space around it equal to the determined “X” unit of the logotype. X = 1/2 Height of “B”
  • The brand color palette, composed of primary colors and secondary colors, should be enough for for brand expression. No new colors should be used (other than those brought in by photography).
  • Blue R 0 / G 160 / B 255 #00A0FF
  • Black R 0 / G 0 / B 0 #000000
  • White R 255 / G 255 / B 255 #FFFFFF
  • Dark Gray R 54 / G 54 / B 54 #363636
  • Cool Gray R 115 / G 115 / B 115 #737373
  • Light Gray R 242 / G 242 / B 242 #F2F2F2
  • Depending on the color it displays on, the logotype is either Blue or White. Blue should only be used when background is light or dark. White should only be used when background is night light.
🐛 Report