Logo And Color Guidelines

1y ago
8 Views
2 Downloads
2.01 MB
32 Pages
Last View : 24d ago
Last Download : 3m ago
Upload by : Cade Thielen
Transcription

Private and confidential,for internal use only.Logo and ColorGuidelinesVersion 2.0June 2021

IntroductionMaking the most of our brandIntroductionLogoColorTypographyThe following interim Avast Brand Guidelines providedirection for our logo suite and give a full spectrum colorpallet optimized to work across all mediums.Whether you’re a member of the Avast team or an externalpartner, please read and follow these guidelines carefullyto keep our brand feeling consistent and looking beautifuleverywhere it appears.2

Introduction ContentsInside this documentIntroductionLogoColorTypography3Logo 04Color 19Typography 23

Logo4

Logo IntroductionA symbol for a brighter futureIntroductionLogoColorTypography5Our logo is our brand’s most important visual asset.It symbolizes everything that we stand for, representingfreedom, protection, optimism and empowerment.

Logo SymbolOur optimistic symbolIntroductionLogoColorTypographyOur new brand icon has been developedto capture the optimistic spirit of ourorganization. It’s a symbol that representsour purpose — protecting digital freedomfor everyone.The shape of our symbol points forward,indicating our desire to innovate, to explore,to grow, and to progress.The rounded forms indicate our humanity,and the role we play as a caregiver —offering digital protection to all who need it.Our unique ‘A’ is emboldened by its circlehousing. Like a seal of approval, it forms amark of trust, solidity, and honesty.6

Logo WordmarkOur bold wordmarkIntroductionLogoColorTypography7Our ingenious wordmarkcombines custom, uniquelyrounded and angularletterforms to representhumans and technologyworking in harmony. Wealways combine our darkdark blue wordmark with oursymbol to form our lockup.

Our primary single line lockupLogo LockupOur primary logo lockupsIntroductionLogoColorTypographyOur primary logo lockupscombine the Avast symbol andwordmark to form a graphicthat reinforces our name andassociates it with our symbol.We use our single line lockupwhenever possible, especiallywhen interacting with new orprospective customers.For applications, such as onlinebanners, printed material,presentations, or any instancewhere space is limited, ourprimary stacked lockup shouldbe used to reinforce our brand.Trademarked primary logolockups are also available.8Our primary stacked lockup

Our positive lockup on a white backgroundLogo Lockup-colorwaysOur lockup’s colorwaysIntroductionLogoColorTypographyOn light colored backgrounds, we use ourpositive lockup. This features our brightorange symbol paired with a black wordmark.On dark colored backgrounds, we use ourwhite-fill ‘negative’ lockup. This features ourbright orange white-fill symbol paired withour white wordmark.Our negative white-fill lockup on a dark dark blue backgroundOn vibrant backgrounds, we use our whitelockup. This ensures that our bright orangesymbol doesn’t clash with other colors.Our white lockup on a bright orange background9

Our bright orange symbol on a white backgroundLogo Symbol colorwaysOur symbol’s colorwaysIntroductionLogoColorTypographyOur symbol comes in two colorways —bright orange and white.We use our bright orange symbol onlight backgrounds, and our bright orangewhite-fill symbol on dark backgrounds.Our bright orange white-fill symbol on a dark dark blue backgroundWe use our white symbol on vibrantbackgrounds to ensure that our symboldoesn’t clash with other colors.Our white symbol on a bright orange background10

Our lockup’s clear space is 2/3 of our symbol’s heightLogo Clear spaceProtecting our logosIntroductionLogoColorTypographyTo make sure our logo is always clear,legible and free of obstruction we havedefined clear space — an area thatsurrounds our logo that we keep free ofother elements.Pay attention to these clear space guideswhen using our logo.Our symbol’s clear space is 2/3 of its height11

Corner and central logo positioningsLogo PlacementPixel-perfect placementIntroductionLogoColorTypographyWe have set positions for our logosto sit within our layouts. These ensurethat our logo doesn’t float around, andwhere possible we match our logoplacement with our type alignment.Use these placement guides for bothlock-ups and symbols.Always take note of our logo’s clearspace when placing it, and make surenever to position it too close to theedge of an application.1412We align our logo to an application’s margin

Our wordmark’s minimum size is 30px / 4mmLogo Minimum sizeKeeping our logo legibleIntroductionLogoColorTypographyTo ensure our logo is always legible wehave a minimum height for our lockupand symbol. This is 30px / 4mm.Our symbols minimum size is 30px / 4mm13

How we contain our symbol in a square, rounded square and circleLogo Holding shapesContaining our symbolIntroductionLogoColorTypographyOur logo appears on a wide range ofplatforms, which use a variety of avataror holding shapes.Use these guides to size our symbolcorrectly within a variety of commonholding shapes.A holding shape in use14

How we create a lockup co-branding lockupLogo Lockup co-brandingCo-branding with our lockupIntroductionLogoColorTypographyOur brand often appears alongside otherprominent brands. When this happens,we create co-branding lockups.While pairing logo lockups, we opticallymatch the scale of both logos, separatingthem with a single vertical line.A lockup co-branding lockup1517

How we create a symbol co-branding lockupLogo Symbol co-brandingCo-branding with our symbolIntroductionLogoColorTypographyOur brand often appears alongside otherprominent brands, and when this happenswe create co-branding lockups.When pairing symbols, we optically matchthe scale of both logos, separating themwith a single vertical line.A symbol co-branding lockup16

Logo Sub-brand lockupsBeyond our master brandIntroductionLogoColorTypographyOur Avast Foundation stacked lockupOur Avast Partners signle line lockupOur Avast Partners stacked lockupIn addition to our primary logos, we havea family of sub-brand logo lockups.Available in single-line and stacked(double-decked) formats, these childvariants can replace the parent logodepending on the division/sector ofAvast they are to represent.If creating a new sub-brand logo, pleasereach out to our brand team first. Do notattempt to make your own logo.17Our Avast Foundation signle line lockupAvast Business lock-up in useOur Avast Business signle line lockupOur Avast Business stacked lockupOur Avast Business Hub lockupOur Avast One lockup

Avast primary single line cut-out lockupAppendix Special-use logoCut-out vs White-fillSymbol OptionsIntroductionLogoColorTypographyAll primary and sub-brand lockupsare available with both cut-out andwhite-fill symbol variants.As a general rule, use the white-fillvariant when a placement over adark or colored background resultsin blade-fill to a point where thecontrast is brought into question.A good example of where thecut-out can take preference wouldbe when overlaying an imagecausing the blades to appear asa window, which in turn allows forboth symbol and image to have anintegrated flow.18Avast primary single line white-fill symbol lockup

Color19

Color IntroductionBringing color to the worldIntroductionLogoColorTypography20Our vibrant, bright orange makes our brand come alive.Building on the spirit of our brand strategy, this bold color is joyful,memorable, and optimistic — championing a brighter future for allwhile helping us stand out from the crowd.

Color Primary paletteOur distinctive t Orange#FF7800R: 255 G: 120 B: 000C: 000 M: 054 Y: 100 K: 000Pantone: 151 CWhite#FFFFFFR: 255 G: 255 B: 255C: 000 M: 000 Y: 000 K: 000Pantone: N/AWe’re an orange brand, so our primarypalette showcases our bright orange color.We pair it with complimentary light anddark tones to create bold, impactfulbrand expressions.Faint Orange#FFDDBFR: 255 G: 221 B: 191C: 007 M: 015 Y: 020 K: 000Pantone: 726 C (50% tint)Dark Dark Blue#04121AR: 004 G: 018 B: 026C: 092 M: 073 Y: 029 K: 089Pantone: 532 CBlack#000000R: 000 G: 000 B: 000C: 000 M: 000 Y: 000 K: 100Pantone: N/A21

Color Tints & shadesCreating flexibilitywith tints & shadesIntroductionLogoColorTypographyTo further improve flexibility and createharmonious color pairings, each of ourbright colors have three lighter anddarker tones.White#FFFFFFR: 255 G: 255 B: 255C:000 M: 000 Y: 000 K: 000Pantone: N/AFaint Blue#E5FDFFR: 229 G: 253 B: 255C: 012 M: 000 Y: 000 K: 000Pantone: 290 C (50% tint)Pale Blue#C1F3F7R: 193 G: 243 B: 247C: 025 M: 001 Y: 000 K: 000Pantone: 290 CLight Blue#58DFEDR: 088 G:223 B: 237C: 055 M: 000 Y: 001K: 000Pantone: 305 CBright Blue#4096FFR: 064 G: 150 B: 255C: 067 M: 021 Y: 000 K: 000Pantone: 299 CMid Blue#0070F6R: 000 G: 112 B: 246C: 082 M: 036 Y: 000 K: 000Pantone: 7461 CDeep Blue#0F4062R: 015 G: 064 B: 098C: 100 M: 052 Y: 000 K: 058Pantone: 2955 CDark Blue#071D2BR: 007 G: 029 B: 043C: 100 M: 046 Y: 000 K: 089Pantone: 296 CDark Dark Blue#04121AR: 004 G: 018 B: 026C: 092 M: 073 Y: 029 K: 089Pantone: 532 CFaint Green#F7FFE5R: 247 G: 255 B: 229C: 013 M: 006 Y: 018Pantone: 580 C (50% tint)Pale Green#E5F7C1R: 229 G: 247 B: 193C: 021 M: 000 Y: 038 K: 000Pantone: 580 CLight Green#BBED58R: 187 G: 237 B: 088C: 023 M: 000 Y: 069 K: 000Pantone: 374 CBright Green#9AE437R: 154 G: 228 B: 055C: 046 M: 000 Y: 086 K: 000Pantone: 375CMid Green#388700R: 056 G: 135 B: 000C: 071 M: 000 Y: 100K: 005Pantone: 377CDeep Green#314D00R: 049 G: 077 B: 000C: 059 M: 000 Y: 100K: 043Pantone: 364 CDark Green#141F00R: 020 G: 031 B: 000C: 078 M: 035 Y: 074 K: 078Pantone: 553CFaint Yellow#FFFBE9R: 255 G: 251 B: 233C: 004 M: 005 Y: 022 K: 000Pantone: 600 C (50% tint)Pale Yellow#FFF8CCR: 255 G: 248 B: 204C: 001 M: 000 Y: 044 K: 000Pantone: 600 CLight Yellow#FFFB73R: 255 G: 251 B: 115C: 002 M: 000 Y: 059 Y: 000Pantone: 602 CBright Yellow#FFD900R: 255 G: 217 B: 000C: 000 M: 002 Y: 099 K: 000Pantone: 108 CMid Yellow#FFBF00R: 255 G: 191 B: 000C: 000 M: 020 Y: 100K: 000Pantone: 7548 CDeep Yellow#967100R: 150 G: 113 B: 000C: 000 M: 034 Y: 100K: 036Pantone: 132 CDark Yellow#272100R: 039 G: 033 B: 000C: 048 M: 053 Y: 084 K: 084Pantone: Black 2 CR: 255 G: 252 B: 250C: 002 M: 003 Y: 001K: 000Pantone: 726 C (20% tint)Off-White Orange #FFFCFAFaint Orange#FFDDBFR: 255 G: 221 B: 191C: 007 M: 015 Y: 020 K: 000Pantone: 726 C (50% tint)Pale Orange#FFBB80R: 255 G: 187 B: 128C: 006 M: 030 Y: 030 K: 000Pantone: 726 CLight Orange#FF9D00R: 255 G: 157 B: 000C: 000 M: 036 Y: 100Pantone: 137 CBright ‘Avast’ Orange22K: 000#FF7800R: 255 G: 120 B: 000K: 000C: 000 M: 054 Y: 100K: 000Pantone: 151 CMid Orange#B15300R: 177 G: 083 B: 000C: 000 M: 073 Y: 100Deep Orange#622E00R: 098 G: 046 B: 000C: 001 M: 085 Y: 095 K: 035Pantone: 1685 CDark Orange#36342ER: 054 G: 052 B: 046C: 061 M: 068 Y: 050 K: 070Pantone: 412 CLight Red#FF9780R: 255 G: 151 B: 128C: 000 M: 040 Y: 020 K: 000Pantone: 487 CBright Red#FF5833R: 255 G: 088 B: 051C: 000 M: 074 Y: 070 K: 000Pantone: 171 CMid Red#D93511R: 217 G: 053 B: 017C: 000 M: 100 Y: 100Pantone: 485 CDeep Red#8E230BR: 142 G: 035 B: 011C: 005 M: 100 Y: 070 K: 015Pantone: 7526 CBlack#000000R: 000 G: 000 B: 000C: 000 M: 000 Y: 000 K: 100Pantone: N/AK: 015K: 000PRIMARYPRIMARYPRIMARYPRIMARYPantone: 167 CPRIMARY

PaleTypography23

Typography IntroductionClean, clear and characterful typographyIntroductionLogoColorTypography24Our typography is the visualization of Avast’s humanand confident voice. We use it to communicate withaudiences in a range of tones — from functional in-productinformation to expressive out-of-home inspiration.

Typography Our typefaceOur distinctive typefaceIntroductionLogoColorTypographyOur typeface is Mier B.Mier B is a unique typeface combininggeometric and grotesque letterforms.We love our typeface, so we useit wherever possible, from digitaladvertising to printed materials.25Mier BAaBbCcDdFfGgHhIiJjKLlMmNnOoQqRrSsTtU

Typography WeightsA range of weightsIntroductionLogoColorTypography26We utilize four different weights —Regular, Demi, Bold, and Extrabold.Combining these weights allows us to flexour tone and structure our information.RegularDemiBoldExtrabold

Leading set at 120%Typography Leading & trackingLeading & trackingIntroductionLogoColorTypographyLeading is the space between thebaselines of two lines of type.When our type scale changes, sodoes our leading value, and as a generalrule we keep our leading size at 120130% the height of our type. We reduceour leading for large headlines, usingbetween 100-120% the size of our type.Tracking is the space between letters fora line or block of text.We adjust our typeface’s trackingto aid legibility at a range of scales.As a general rule, we loosen trackingfor small type and tighten trackingfor large type.27Perfect is overratedNo one and nothing is perfect. Not evenyour favorite streaming shows, websites,bank or email platforms. And all arevulnerable to cyberthreats.But, here’s thegood news: Avast alerts you to sketchywebsites, blocks unsafe downloads, stopsdangerous email attachments, and preventsweb tracking — giving you a better internet.Tracking set at 0 and -20Perfect is overrated.Perfect is overrated.

KerningTypography KerningSpacing our headlinesIntroductionLogoColorTypography28Kerning is the space between characters.When creating large headlines we takeextra care to ensure that letters alwaysappear evenly spaced, and we adjust thespacing between letters as required.Space

Center and left-aligned design elementsTypography AlignmentAligning our typeeIntroductionLogoColorTypographyWe have a flexible approach to aligningtype: center, or left aligning across ourapplications.We use left-aligned type for most of ourapplications, as left alignment is best forreadability, especially suiting longer piecesof copy.We use center-aligned type for headlines,and single sentences of supporting copy.Checking yourbank balance.Checking inwith friends.We’re making it safer for everyone.Discover the appCenter and left-aligned design elementsWhere possible, we match our type andlogo alignments.Checking yourbank balance.Checking inwith friends.29It’s about time tofree the futureWe’re making it safer for everyone.It’s about time tofree the futureDiscover the app

Typography HierarchyExpressing hierarchyIntroductionLogoColorTypographyTo make sure our type is always clear andeasy to digest we pay attention to how weexpress a hierarchy of information.Headlinesuse Bold with100% leading-20 trackingTitlesuse Demi with110% leading-10 trackingSubheadingsuse Bold with120% leading0 trackingBody copyuses Regular with120% leading0 trackingWe use these values when settingtype to indicate differentiation betweencopy types.30

Typography Our product typefaceOur product typefaceIntroductionLogoColorTypographyOur product typeface is Proxima Nova.It’s a modern geometric typeface that’slegible at small sizes due to its largerx-height.Proxima Nova comes in a wide range ofweights. We use four of them: Regular,Semibold, Bold and ExtraBold.31Proxima NovaRegular AaBbCSemibold AaBbBold AaBbCcDExtraBold AaB0123456789(!?@# % &*\?/

If you have any questions regarding the implementationof the brand, please contact William:William BloorCreative Directorwilliam.bloor@avast.com

Avast Business lock-up in use Our Avast Foundation signle line lockup Our Avast Foundation stacked lockup . Logo Color Typography Light Red #FF9780 : 255 G 151R B 128 C 000 M 040 Y 020 K Pantone 487 C Bright Red #FF5833 : 255 G 088 B 051 C 000R M 074 Y 070 K Pantone 171 C Mid .

Related Documents:

LOGO USAGE . ONE-COLOR LOGO USAGE TWO-COLOR LOGO USAGE . The one-color logo can be used independently or atop its respective pattern or an appropriate photo. The two-color logo includes an inverted color background to ensure readability. Do not remove the background. 7 . MULTICAM BRAND GUIDE LOGO LOGO MULTICAM BRAND GUIDE 8

ceu logo color / 9 What not to do nEvEr use the logo in turquoise with white triangle and dotted line. nEvEr use any other color for the triangle and the dotted line, than black or white against any color background nEvEr use any other color for any part of the logo than those descri-bed here above. ceU logo color versions Dual color logo

Flat gold and black logo Flat red and black logo Flat black and white logo U.S. and Canada logo In black and white applications, use the flat black and white logo. In one color applications, such as decals, use the flat gold and black logo or flat red and black logo. x is equal to half

the Leave No Trace logo — is not diluted by other insignia or artwork. Logo Variations The logo has three variations in regards to content — basic logo, logo and Center for Outdoor Ethics, logo and Center for Outdoor Ethics and URL — and three variations in regards to color — color, black, white, and gray scale. Logo Sizes

LOGO Full color logo: For use on white backgrounds only CAMPAIGN LOGO Knock-out logo: For use on solid campaign color backgrounds (see page 3). Knock out always to be at 100%. Logo never appears transparent. Recommended minimum size MINIMUM SIZE REQUIREMENTS The logo requires one “o” shape of clearspace on all sides LOGO CLEARSPACE

4. Using The Brand Identity Guidelines 5. Brand Vision 6. Typography 7. Font Style Guide 8. Color Palette 9. Logo Usage 10. 360 Logo Hierarchy 12. Do Great Logo 13. Do Great Brand Hierarchy 15. Color Palette / Brand Heirarchy 16. Color Palette / Brand Icons 17. Color Palette / Pillars 18. Color Palette / 360 Pillar Icons 19. Unacceptable Logo .

The Google for Education Logo Apply these guidelines when using our logo in your collateral. Horizontal logo Stacked logo Google logo in four colors “for Education” modifier Logo is composed of two elements: Google logo in color and the “for Education” modifier. Use artwork as provided—elements cannot be altered in any way.

The MRC logo can and should be used with either the housing organization's logo or the local MRC logo. The MRC logo should not be altered in any way to create a new local MRC logo. If an MRC unit has its own logo, it should be used with the MRC logo. The local MRC unit may add its name, city, or county to the MRC logo. However .